ا/*
Theme Name: Macneed 2026
Theme URI: https://macneed.ir
Description: قالب اختصاصی مک نید - نسخه 2026
Author: Macneed Team
Version: 2026.1
Text Domain: macneed-2026
*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

html {
    scroll-behavior: smooth;
}
@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn;
    src: url('/wp-content/themes/Macneed-2026/assets/fonts/vazirmatn/Vazirmatn-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
body {
    background: white;
    direction: ltr;
    font-family: Vazirmatn;
    font-weight:400;
    overflow-x: hidden;
    max-width: 100%;
}

.bg_nav_top {
    background: #F5F5F7;
    width: 100%;
    padding: 32px 0;
    border-radius: 0;
    margin-top: 0 !important;
}

.support_top_number {
    float: right;
    color: #373D3F;
    font-size: 12px;
    padding-top: 4px;
}

.support_top_number a {
    color: #373D3F;
    text-decoration: 1px dashed underline #373D3F;
    display: inline-block;
    direction: ltr;
}
.support_top_number a:hover {
    opacity: 0.7;
}
.nav_up_top {
    float: left;
}

.nav_up_top ul {
    margin: 0px;
    padding: 0px;
}

.nav_up_top ul li {
    display: inline-block;
    padding: 0px 5px;
    cursor: default;
}

.nav_up_top ul li a {
    font-size: 12px;
    color: #373D3F;
    text-decoration: none;
    text-align: left;
}
.nav_up_top ul li a:hover {
    opacity: 0.7;
}
.nav_up_top ul li.lang:hover {
    opacity: 0.3;
    cursor: pointer;
}
.nav_up_top ul li.lang svg:last-child {
    width: 15px;
}
.nav_up_top ul li.lang:hover {
    opacity: 1;
}
.langBG {
    background: #fff;
    width: 100px;
    position: absolute;
    left: 188px;
    top: 33px;
    border: 1px solid #144660;
    border-radius: 10px;
    padding: 5px;
}
.langBG ul {
    padding: 0px;
    margin: 0px;
}

.langBG ul li {
    display: block;
    text-align: left;
}

.langBG ul li a {
    font-size: 12px;
    text-decoration: none;
    color: #144660;
    display: block;
    padding: 10px;
}


.langBG ul li:hover {
    background: #f0f0f0;
    border-radius: 5px;
}
.logo {
    width: 100%;
}

.logo img {
    max-width: 160px;
    height: auto;
    display: block;
}

.mainNav {
    width: 100%;
    padding-top: 15px;
}

.mainNav ul {
    padding: 0px;
    margin: 0px;
}

.mainNav ul li {
    display: inline-block;
    padding: 0px 20px;
}

.mainNav ul li a,.mainNav ul li a h1 {
    font-size: 16px;
    color: #2B445C;
    text-decoration: none;
    font-weight: 200;
}
.mainNav ul li a:hover {
    opacity: 0.7;
}
.logReg {
    width: 100%;
    padding-top: 0px;
}

.logReg ul {
    padding: 0px;
    margin: 0px;
}

.logReg ul li {
    display: inline-block;
    padding: 0px 10px 0px 25px;
}
.logReg ul li.login a{
    color:#000;
    text-decoration: none;
}
.logReg ul li.register {

    color: #fff;
    padding: 0px !important;
}
.logReg ul li.register a{
    text-decoration: none;
    background: #2997FC;
    border: 1px solid #2997FC;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.logReg ul li.register a:hover {
    background: #1d7fd8;
    border-color: #1d7fd8;
    color: #ffffff !important;
}

.logReg ul li.login a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #000;
}

.logReg ul li.register:hover {
    background: #1d7fd8;
    border-color: #1d7fd8;
    color: #ffffff !important;
}
.bgSearch {
    width: 100%;
    background: #F0F0F0;
    padding: 80px 200px 70px;
    margin-top: 0;
}

.searchTitle {
    width: 100%;
    text-align: left;
}

.searchTitle h1,
.searchTitle h2,
.searchTitle__text {
    font-size: 24px;
    font-weight: 600;
    color: #23455e;
    padding-bottom: 15px;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    line-height: 1.2;
}

.search form {
    position: relative;
}

.search form input {
    width: 100%;
    height: 70px;
    border-radius: 18px;
    border: 1px solid #EBEBED;
    background: #FFFFFF;
    color: #373D3F;
    padding: 4px 20px 0 72px;
    font-size: 16px;
    font-weight: 400;
    transition: border-color 0.2s ease;
}

button.searchIcon {
    outline: none;
    background: none !important;
    position: absolute;
    top: 50%;
    left: 14px;
    right: auto;
    border: none !important;
    transition: transform 0.25s ease;
    margin: 0;
    transform: translateY(-50%);
}
button.searchIcon svg,
button.searchIcon img {
    width: 40px;
}
.categoryApps__subtitle {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: rgba(240, 245, 255, 0.82);
    line-height: 1.75;
}

.categoryApps {
    position: relative;
    padding: 36px 38px 44px;
    border-radius: 32px;
    background: linear-gradient(135deg, #152d49 0%, #23455e 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #f5f7ff;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.08);
}

.categoryApps__header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    width: 100%;
    direction: ltr;
    z-index: 1;
}

.categoryApps__heading {
    display: block;
    text-align: left;
    margin-right: auto;
}

.categoryApps__heading > * {
    margin: 0;
}

.categoryApps__title {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    color: #fdfdff;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    .categoryApps__title {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .categoryApps {
        padding: 28px 24px 36px;
        margin-top: 24px;
    }
    .categoryApps__header {
        gap: 16px;
    }
    .categoryApps__nav {
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .categoryApps {
        padding: 24px 20px 32px;
    }
    .categoryApps--archive {
        padding: 24px 20px;
        border-radius: 24px;
    }
    
    /* استایل‌های 425px */
    .logo {
        text-align: left;
    }

    a.logReg.login {
        text-align: left;
        margin-top: 28px;
    }

    .searchTitle h1,
    .searchTitle__text {
        font-size: 18px;
    }

    .search form input {
        font-size: 12px;
    }

    .support_top_number {
        font-size: 10px;
        padding-top: 6px;
    }

    .nav_up_top ul li a {
        font-size: 10px;
    }

    .categoryApps .title h1 {
        font-size: 17px;
    }

    .characMac img {
        width: 100%;
        height: auto !important;
    }

    .boxMacOS h1 {
        font-size: 17px;
    }

    .boxMacOS h2 {
        font-size: 13px;
    }

    .boxMacOS {
        padding: 24px;
        height: 100px;
    }

    .sectionTitle h1,.sectionTitle h2 {
        font-size: 18px;
    }

    .boxData .img img {height: 60px;}

    .boxData .img {
        width: 60px;
    }

    .boxData .img a {
        width: 60px !important;
    }

    .boxData .title h2 {
        font-size: 15px;
    }

    .boxData .title span {padding: 3px;position: relative;}

    .boxData .desc {
        margin-top: 5px;
    }

    .boxData a {
        font-size: 12px;
    }

    a.moreData {
        font-size: 15px;
        padding: 10px;
        margin-top: 15px;
    }

    .footerCopyRight {
        text-align: left;
        width: 100%;
    }

    .footerNav {
        text-align: left;
    }
    .vipInstallApp .title h1 {
        font-size: 18px;
    }

    .vipInstallApp .desc {
        font-size: 13px;
    }

    a.sendReq {
        font-size: 15px;
        padding: 10px;
    }

    a.callSupp {
        font-size: 15px;
        padding: 10px;
    }
    li.rcp_subscription_level {
        width: 40% !important;
    }
}

.categoryApps__nav {
    display: inline-flex;
    direction: ltr;
    align-items: center;
    gap: 12px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: #f6f9ff;
    backdrop-filter: blur(18px);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .categoryApps__nav {
        background: rgba(255, 255, 255, 0.2);
    }
}

.categoryApps__nav .carousel__nav {
    flex: 0 0 auto;
}

.carousel__nav {
    appearance: none;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.32);
    color: #f6f9ff;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.carousel__nav:hover,
.carousel__nav:focus-visible {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.6);
    color: #ffffff;
    outline: none;
}

.carousel__nav:active {
    transform: scale(0.95);
}

.carousel__nav[disabled],
.carousel__nav[aria-disabled="true"],
.carousel__nav.is-disabled {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.22);
    color: rgba(240, 244, 255, 0.45);
    cursor: not-allowed;
    pointer-events: none;
    opacity: 1;
    transform: none;
}

.carousel__nav[disabled]:hover,
.carousel__nav[aria-disabled="true"]:hover,
.carousel__nav.is-disabled:hover,
.carousel__nav[disabled]:focus-visible,
.carousel__nav[aria-disabled="true"]:focus-visible,
.carousel__nav.is-disabled:focus-visible {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.22);
    color: rgba(240, 244, 255, 0.45);
    transform: none;
}

.carousel__nav-icon {
    position: relative;
    display: inline-flex;
    width: 14px;
    height: 14px;
}

.carousel__nav-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transition: transform 0.2s ease;
}

.nav-right .carousel__nav-icon::before {
    transform: rotate(-45deg);
}

.nav-left .carousel__nav-icon::before {
    transform: rotate(135deg);
}

.nav-right:hover .carousel__nav-icon::before,
.nav-right:focus-visible .carousel__nav-icon::before {
    transform: rotate(-45deg);
}

.nav-left:hover .carousel__nav-icon::before,
.nav-left:focus-visible .carousel__nav-icon::before {
    transform: rotate(135deg);
}

@media (max-width: 768px) {
    .categoryApps__nav {
        justify-content: flex-start;
        width: 100%;
    }
}

.categoryApps__body {

    margin-top: 32px;
}

.categoryApps__body .carousel {
    position: relative;
    width: 100%;
    min-height: 184px;
    padding-block: 8px;
    overflow: hidden;
    overflow-x: hidden;
    max-width: 100%;
}

.categoryApps__body .carousel.is-initialized {
    overflow: hidden !important;
    overflow-x: hidden !important;
    scroll-snap-type: none !important;
}

.carousel-content {
    display: flex;
    gap: 24px;
    height: 100%;
    min-height: inherit;
    transition: transform 0.45s cubic-bezier(.24,.72,.16,1);
    will-change: transform;
    touch-action: pan-y;
    position: relative;
    width: max-content;
    flex-wrap: nowrap;
}

.carousel.is-dragging .carousel-content {
    transition: none;
    cursor: grabbing;
}

/* Reduce gap for category-apps-carousel to fit items better */
.categoryApps__body .carousel-content {
    gap: 10px;
}

@media (max-width: 991px) {
    .categoryApps__body .carousel-content {
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .categoryApps__body .carousel-content {
        gap: 10px;
    }
}

@media (max-width: 575px) {
    .categoryApps__body .carousel-content {
        gap: 8px;
    }
}

@media (max-width: 375px) {
    .categoryApps__body .carousel-content {
        gap: 6px;
        padding: 0 8px;
    }
}

.slide {
    position: relative;
    flex: 0 0 calc(100% - 1px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 35px 22px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.94);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: #23455e;
    text-align: center;
    scroll-snap-align: start;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

/* Override slide styles for category-apps-carousel in mobile */
@media (max-width: 767px) {
    .categoryApps__body .carousel .slide {
        padding: 20px 14px !important;
        gap: 10px !important;
        border-radius: 16px;
    }
}

@media (max-width: 575px) {
    .categoryApps__body .carousel .slide {
        padding: 16px 10px !important;
        gap: 8px !important;
        border-radius: 14px;
    }
}

@media (max-width: 375px) {
    .categoryApps__body .carousel .slide {
        padding: 12px 6px !important;
        gap: 6px !important;
        border-radius: 12px;
    }
}

/* For category-apps-carousel, show 5 items per view */
.categoryApps__body .carousel .slide {
    flex: 0 0 calc((100% - 40px) / 5);
}

@media (max-width: 1279px) {
    .categoryApps__body .carousel .slide {
        flex: 0 0 calc((100% - 40px) / 5);
    }
}

@media (max-width: 991px) {
    .categoryApps__body .carousel .slide {
        flex: 0 0 calc((100% - 30px) / 4);
    }
}

@media (max-width: 767px) {
    .categoryApps__body .carousel .slide {
        flex: 0 0 calc((100% - 20px) / 3);
    }
}

/* Overridden by responsive styles at end of file */

.slide:hover,
.slide:focus-within {
    border-color: rgba(101, 173, 255, 0.65);
    background: #ffffff;
    transform: translateY(-6px);
}

@media (min-width: 576px) {
    .slide {
        flex: 0 0 calc((100% - 24px) / 2);
    }
}

@media (min-width: 768px) {
    .slide {
        flex: 0 0 calc((100% - 48px) / 3);
    }
}

@media (min-width: 992px) {
    .slide {
        flex: 0 0 calc((100% - 72px) / 4);
    }
}

@media (min-width: 1280px) {
    .slide {
        flex: 0 0 calc((100% - 168px) / 8);
        padding: 30px 20px;
    }
}

.imgCat {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(35, 69, 94, 0.12);
    align-self: center;
}

.slide__icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(35, 69, 94, 0.12);
    align-self: center;
}

.slide__icon svg,
.slide__icon image,
.imgCat svg,
.imgCat image {
    max-width: 100%;
    height: auto;
}

/* Responsive imgCat for category-apps-carousel */
@media (max-width: 767px) {
    .categoryApps__body .carousel .imgCat {
        width: 60px !important;
        height: 60px !important;
        border-radius: 14px !important;
    }
    
    .categoryApps__body .carousel .imgCat svg,
    .categoryApps__body .carousel .imgCat image {
        width: 40px !important;
        height: 40px !important;
    }
}

@media (max-width: 575px) {
    .categoryApps__body .carousel .imgCat {
        width: 56px !important;
        height: 56px !important;
        border-radius: 12px !important;
    }
    
    .categoryApps__body .carousel .imgCat svg,
    .categoryApps__body .carousel .imgCat image {
        width: 36px !important;
        height: 36px !important;
    }
}

.titleCat {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #23455e;
    line-height: 1.5;
    transition: color 0.25s ease;
}

/* Responsive titleCat for category-apps-carousel */
@media (max-width: 767px) {
    .categoryApps__body .carousel .titleCat {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 575px) {
    .categoryApps__body .carousel .titleCat {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 420px) {
    .categoryApps__body .carousel .imgCat {
        width: 50px !important;
        height: 50px !important;
        border-radius: 12px !important;
    }
    
    .categoryApps__body .carousel .imgCat svg,
    .categoryApps__body .carousel .imgCat image {
        width: 32px !important;
        height: 32px !important;
    }
    
    .categoryApps__body .carousel .titleCat {
        font-size: 12px !important;
        line-height: 1.3 !important;
        font-weight: 600 !important;
    }
}

@media (max-width: 375px) {
    .categoryApps__body .carousel .imgCat {
        width: 48px !important;
        height: 48px !important;
        border-radius: 10px !important;
    }
    
    .categoryApps__body .carousel .imgCat svg,
    .categoryApps__body .carousel .imgCat image {
        width: 30px !important;
        height: 30px !important;
    }
    
    .categoryApps__body .carousel .titleCat {
        font-size: 11px !important;
        line-height: 1.3 !important;
        font-weight: 600 !important;
    }
}

.slide:hover .titleCat,
.slide:focus-within .titleCat {
    color: #2a97fc;
}

@media (max-width: 991px) {
    .categoryApps {
        margin-top: 48px;
        padding: 24px 20px 32px;
    }

    .categoryApps__nav {
        width: auto;
        justify-content: flex-start;
    }

    .carousel__nav {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 575px) {
    .categoryApps {
        margin-top: 36px;
        padding: 20px 16px 26px;
    }

    .categoryApps__title {
        font-size: 20px;
    }
    
    .categoryApps__subtitle {
        font-size: 13px;
    }
}

@media (max-width: 375px) {
    .categoryApps {
        padding: 18px 12px 22px;
    }
    
    .categoryApps__title {
        font-size: 18px;
    }
    
    .categoryApps__subtitle {
        font-size: 12px;
    }
}

.featured-suite {
    margin-top: 80px;
}

.featured-suite__card {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 48px;
    padding: 48px 48px 40px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(245, 245, 247, 0.9) 0%, rgba(236, 244, 255, 0.92) 100%);
    border: 1px solid rgba(235, 235, 237, 0.9);
    position: relative;
    overflow: hidden;
}

.featured-suite__body {
    flex: 1 1 52%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.featured-suite__badge {
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(41, 151, 252, 0.12);
    color: #1d7fd8;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.featured-suite__title {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #23455e;
    line-height: 1.3;
}

.featured-suite__description {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: #4B6683;
    line-height: 1.8;
}

.featured-suite__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 12px;
}

.featured-suite__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    padding: 20px 24px;
    background: #FFFFFF;
    border-radius: 20px;
    text-decoration: none;
    border: 1px solid rgba(235, 235, 237, 0.9);
    transition: transform 0.25s ease, border-color 0.25s ease,  0.25s ease;
}

.featured-suite__item:hover {
    transform: translateY(-4px);
    border-color: rgba(41, 151, 252, 0.28);
}

.featured-suite__item-content {
    flex: 1 1 auto;
}

.featured-suite__item h3 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: #23455e;
}

.featured-suite__item p {
    margin: 0;
    font-size: 13px;
    color: #4B6683;
    line-height: 1.7;
}

.featured-suite__item-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(41, 151, 252, 0.12);
    color: #1d7fd8;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    transition: background 0.25s ease, color 0.25s ease;
}

.featured-suite__item-arrow::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-inline-end: 2px solid currentColor;
    border-block-end: 2px solid currentColor;
    transform: rotate(135deg);
}

.featured-suite__item:hover .featured-suite__item-arrow {
    background: #2997FC;
    color: #FFFFFF;
}

.featured-suite__illustration {
    flex: 1 1 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.featured-suite__image {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 32px 52px rgba(35, 69, 95, 0.35));
}

@media (max-width: 1199px) {
    .featured-suite__card {
        padding: 40px 36px 32px;
    }
}

@media (max-width: 991px) {
    .featured-suite__card {
        flex-direction: column;
        gap: 32px;
        padding: 36px 28px;
    }

    .featured-suite__body {
        gap: 18px;
    }

    .featured-suite__illustration {
        order: -1;
    }

    .featured-suite__image {
        max-width: 320px;
    }
}

@media (max-width: 575px) {
    .featured-suite {
        margin-top: 56px;
    }

    .featured-suite__card {
        padding: 28px 22px;
    }

    .featured-suite__title {
        font-size: 24px;
    }

    .featured-suite__item {
        padding: 18px 20px;
        gap: 16px;
    }

    .featured-suite__item-arrow {
        width: 32px;
        height: 32px;
    }

    .featured-suite__image {
        max-width: 260px;
    }
}

.latest-apps {
    margin-top: 96px;
}

.latest-apps__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    flex-wrap: wrap;
}

.latest-apps__heading {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 520px;
}

.latest-apps__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(41, 151, 252, 0.12);
    color: #1d7fd8;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.latest-apps__title {
    margin: 0;
    font-size: 27px;
    font-weight: 700;
    color: #23455e;
    line-height: 1.35;
}

.latest-apps__subtitle {
    margin: 0;
    font-size: 15px;
    color: #4B6683;
    line-height: 1.8;
}

.latest-apps__cta {
    grid-column: 1 / -1;

    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 16px;
    background: #EBEBED;
    color: #23455e;
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s ease, transform 0.2s ease;
}

.latestApps__cta:hover,
.latestApps__cta:focus-visible {
    background: rgba(235, 235, 237, 0.85);
    color: #2a97fc;
    transform: translateY(-1px);
}

.latest-apps__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.latest-apps__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.latest-apps__list-item {
    width: 100%;
}

.latest-apps__list-item + .latestApps__list-item {
    margin-top: 24px;
}

@supports (gap: 24px) {
    .latestApps__list-item + .latestApps__list-item {
        margin-top: 0;
    }
}

.latest-apps__card--tutorial {
    width: 100%;
}

.latest-apps__cta--tutorial {
    justify-content: center;
    text-align: center;
}

.latest-app-card {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 20px;
    padding: 18px 22px;
    background: rgb(245, 245, 247);
    border-radius: 18px;
    border: 1px solid rgba(235, 235, 237, 0.9);
    transition: transform 0.18s ease, border-color 0.18s ease;
    height: 100%;
}

.latest-app-card:hover {
    transform: translateY(-3px);
    border-color: rgba(41, 151, 252, 0.24);
}

.latest-app-card__media {
    flex: 0 0 112px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.latest-app-card__thumb {
    position: relative;
    display: block;
    width: 100%;
    max-width: 112px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 16px;
    background: rgb(245, 245, 247);
}

.latest-app-card__thumb img,
.latest-app-card__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.latest-app-card__content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1 1 auto;
}

.latest-app-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.latest-app-card__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #80889A;
    margin-inline-start: auto;
    margin-left: auto;
}

.latest-app-card__tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(41, 151, 252, 0.12);
    color: #1d7fd8;
    font-weight: 600;
    font-size: 11px;
}

.latest-app-card__title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #23455e;
    line-height: 1.5;
}

.latest-app-card__title a {
    color: inherit;
    text-decoration: none;
}

.latest-app-card__title a:hover,
.latest-app-card__title a:focus-visible {
    color: #1d7fd8;
    text-decoration: none;
}

.latest-app-card__excerpt {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #4B6683;
    flex: 1 1 auto;
}

.latest-app-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.latest-app-card__size {
    font-size: 12px;
    color: #80889A;
}

.latest-app-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 999px;
    background: #2997FC;
    border: 1px solid #2997FC;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease,  0.2s ease;
}

@media (max-width: 575px) {
    .latest-app-card {
        flex-direction: column;
        padding: 20px 22px 22px;
    }

    .latest-app-card__media {
        flex: initial;
        justify-content: flex-start;
    }

    .latest-app-card__thumb {
        max-width: 100px;
        aspect-ratio: 16 / 11;
    }
}

.boxCharac {
    width: 100%;
    height: 350px;
    background: #f0f0f057;
    border-radius: 10px;
}

.boxMacOS {
    width: 100%;
    height: 103px;
    background: #f0f0f057;
    border-radius: 10px;
    margin-bottom: 20px;
    position:relative;
}

.characMac {
    position: relative;
    height: 100%;
    text-align: left;
}
.characMac img {
    height: 100%;
}
.boxMacOS {
    text-align: left;
    padding: 25px;
}

.boxMacOS h1,.boxMacOS h2 {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px;
}

.boxMacOS h3 {
    font-size: 15px;
    font-weight: 300;
}
.sectionTitle {
    width: 100%;
    text-align: left;
}

.sectionTitle h1,.sectionTitle h2 {
    font-size: 23px;
    font-weight: bold;
}
.sectionTitle .info {
    width: 100%;
    margin-bottom: 30px;
}

.sectionTitle .info a {
    color: #373D3F;
    text-decoration: none;
    font-size: 12px;
    font-weight: 200;
}
.sectionTitle .info span {color: #373D3F;font-weight: bold;font-size: 12px;}

.sectionTitle .info span.breadcrumb_last {
    font-weight: 200;
}

.boxData {
    background: #f0f0f057;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    position:relative;
}

.boxData .img {
    width: 80px;
    float: right;
    margin-left: 20px;
}

.boxData .img img {
    width: 100%;
    height:80px;
}

.boxData .title {width: 100%;padding-top: 15px;}

.boxData .title h2,.boxData .title h3 {
    font-size: 18px;
    font-weight: 400;
    float: right;
    margin-left: 10px;
}

.boxData .title span {
    font-size: 10px;
    padding: 5px;
    background: #EBEBEB;
    color: #373D3F;
    margin-top: -5px;
}
.boxData .title span.noversion {
    padding: 5px;
    background: none !important;
    margin-top: -5px;
}

.boxData .desc {
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
}

.boxData a {
    background: #EBEBEB;
    width: 100%;
    display: block;
    text-align: left;
    margin-top: 20px;
    padding: 7px;
    font-size: 13px;
    color: #373D3F;
    text-decoration: none;
    font-weight: 300;
    transition: all 0.2s ease;
}
.boxData a:hover {
    background: #e3e3e3;
    transition: all 0.2s ease;
}

.boxData a svg {margin-left: 5px;}
.boxData .img a {
    width: 80px !important;
    float: right !important;
    margin-left: 20px !important;
    background: none !important;
    margin-top: auto !important;
    padding: 0px !important;
}
.boxData.video .img {
    width: 100%;
    float: none !important;
    text-align: left;
    margin: 0 auto;
}

.boxData.video .img a {
    width: 100% !important;
    height: 100% !important;
    float: none !important;
    text-align: left;
    margin-left: auto !important;
    margin-right: auto !important;
}

.boxData.video .img a img {
    height: 100%;
    text-align: left;
}
a.moreData {
    border: 1px solid #000000;
    padding: 15px;
    display: block;
    margin: 0 auto;
    max-width: 230px;
    text-align: left;
    border-radius: 5px;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    font-weight: 300;
    margin-top: 30px;
    transition: all 0.2s ease;
}
a.moreData:hover {
    background: #000;
    color: #fff;
    transition: all 0.2s ease;
}
.sectionTitle.video {
    margin: 75px 0px 25px;
}
.boxVideo {
    width: 100%;
    border-radius: 5px;
    background: #fff;
    position: relative;
}
.boxVideo:hover {
    opacity: 0.8;
}

.boxVideo img {
    width: 100%;
    height:auto;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
}

.boxVideo .title {
    display: block;
    padding: 15px;
    text-align: left;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.boxVideo .title h1,.boxVideo .title h2,.boxVideo .title h3 {
    color: #373D3F;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}
.vipInstallApp {
    width: 100%;
    padding: 56px 0;
}

.vipInstallApp .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.vipInstallApp .col-md-8.col-sm-12.col-xs-12,
.vipInstallApp .col-md-4.col-sm-12.col-xs-12 {
    float: none;
    display: flex;
    flex-direction: column;
}

.vipInstallApp .col-md-8.col-sm-12.col-xs-12 {
    flex: 1 1 55%;
    gap: 18px;
    align-items: flex-start;
    text-align: left;
    justify-content: center;
}

.vipInstallApp .col-md-4.col-sm-12.col-xs-12 {
    flex: 0 0 auto;
    gap: 14px;
    align-items: flex-end;
    justify-content: center;
}

.vipInstallApp a.sendReq,
.vipInstallApp a.callSupp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease,  0.2s ease, color 0.2s ease;
    width: 100%;
    max-width: 220px;
}

@media (max-width: 1200px) {
    .vipInstallApp a.sendReq,
    .vipInstallApp a.callSupp {
        max-width: 200px;
    }
}

@media (max-width: 992px) {
    .vipInstallApp .row {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .vipInstallApp .col-md-8.col-sm-12.col-xs-12,
    .vipInstallApp .col-md-4.col-sm-12.col-xs-12 {
        width: 100%;
    }
    .vipInstallApp .col-md-8.col-sm-12.col-xs-12 {
        align-items: flex-start;
    }
    .vipInstallApp .col-md-4.col-sm-12.col-xs-12 {
        align-items: stretch;
    }
    .vipInstallApp a.sendReq,
    .vipInstallApp a.callSupp {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .vipInstallApp a.sendReq,
    .vipInstallApp a.callSupp {
        font-size: 14px;
        padding: 10px 18px;
        min-height: 44px;
    }
}

.vipInstallApp .title h1,.vipInstallApp .title h2 {
    font-size: 23px;
    font-weight: bold;
    color: #23455e;
}

.vipInstallApp .title {
    padding-bottom: 15px;
}

.vipInstallApp .desc,.vipInstallApp .desc p {
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #23455e;
}

.vipInstallApp .cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 12px 20px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease,  0.2s ease, color 0.2s ease;
}

.contentbox{
    width: 100%;
    padding: 60px 0px;
    text-align: left;
}
.contentbox .title h1,.contentbox .title h2 {
    font-size: 23px;
    font-weight: bold;
    color: #23455e;
}

.contentbox .title {
    padding-bottom: 15px;
}

.contentbox .desc {
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
}
.contentbox .desc p {
    color: #23455e;
}
#more-content{    margin-top: -10px;}
.macneed-keywords-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.macneed-keywords-container::-webkit-scrollbar {
    display: none;
}

.macneed-keyword-item {
    background: #f0f0f5;
    padding: 8px 14px;
    border-radius: 20px;
    white-space: nowrap;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
}

.macneed-keyword-item:hover {
    background: #333;
    color: #fff;
}
a.sendReq {
    background: #2a97fc;
    width: 50%;
    display: block;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 5px;
    margin: 0 auto;
    color: #fff;
    margin-top: 10px;
}
a.sendReq:hover {
    opacity: 0.8;
}
a.callSupp {
    /* background: #000; */
    width: 50%;
    display: block;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 5px;
    margin: 0 auto;
    color: #000;
    border: 1px solid #000;
    margin-top: 10px;
}

a.callSupp:hover {
    background: #00000008;
}

.footerCopyRight {
    font-size: 16px;
    font-weight: 300;
    color: #373D3F;
    padding: 30px 0px;
    width: 60%;
    line-height: 30px;
}

.footerNav {
    width: 100%;
}

.footerNav ul {
    padding: 0px;
    margin: 0px;
}

.footerNav ul li {
    display: block;
    padding: 5px 0px;
}

.footerNav li a {
    font-size: 13px;
    font-weight: 200;
    color: #373D3F;
    text-decoration: none;
}

.footerNav li a:hover {
    color: #2997FC;
}
form#afra-gift-form {
    text-align: left;
    margin: 50px;
}

form#afra-gift-form input {width: 200px;height: 50px;padding: 20px 10px;position: relative;border-radius: 5px;border: 1px solid #000;text-align: center;}

form#afra-gift-form button {
    /* border: 1px solid #2997ff; */
    border: none;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    font-family: vazir;
    border-radius: 5px;
    background: #2997ff;
    width: 30%;
    margin: 15px auto !important;
}

form#afra-gift-form button:hover {
    background: #2997ff;
    color: #fff;
}
@media (min-width: 1200px) {
    .container{
        max-width: 1090px;
    }
}
/* Old singlePage styles - only for single.php, overridden below for page.php */
.singlePage {
    width: 100%;
    background: #fff;
    margin-top: -120px;
    padding: 25px 25px 25px 25px;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

/* Override old styles for page.php - will be fully overridden below */
.singlePage .info {
    width: 100%;
    margin-bottom: 30px;
}

.singlePage .info a {
    color: #373D3F;
    text-decoration: none;
    font-size: 12px;
    font-weight: 200;
}

.singlePage .info span {color: #373D3F;font-weight: bold;font-size: 12px;}

.singlePage .info span.breadcrumb_last {
    font-weight: 200;
}

.singlePage .img {
    float: left;
    margin-right: 20px;
}

.singlePage .img img {
    width: 105px;
    height:auto;
}

/* Old styles removed - using styles below */
.singlePage .title h1 a {
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px dashed #373D3F;
    color: #373D3F;
    text-decoration: none;
}

.singlePage .title span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: 999px;
    background: linear-gradient(130deg, rgba(248, 250, 255, 0.95) 0%, rgba(226, 233, 247, 0.92) 100%);
    border: 1px solid rgba(35, 69, 94, 0.2);
    color: #0f1f39;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.singlePage .desc {
    float: left;
    font-size: 12px;
    /*margin-top: 20px;*/
    width: 75%;
}
.infoPost {
    float: left;
    margin-top: 15px;
}

.infoPost ul {
    margin: 0px;
    padding: 0px;
}

.infoPost ul li {
    display: inline-block;
    font-size: 12px;
    color: #373D3F;
    font-weight: 300;
    padding-right: 33px;
}
.infoPost ul li:last-child {
    padding: 0px;
}
.infoPost ul li a{
    color: #373D3F;
    font-weight: bold;
    text-decoration: none;
}
a.moreDetails {
    border: 1px solid #373D3F;
    padding: 6px 10px;
    border-radius: 5px;
    font-weight: 400 !important;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}


a.moreDetails:hover {
    background: #373D3F;
    color: #fff;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.lineSeprator {
    border: 0.1px solid #B9B9B9;
    float: left;
    width: 100%;
    margin: 30px 0px;
}
/* Old sectionSingle styles - keep for backward compatibility but override for page.php */
.sectionSingle {
    float: left;
    width: 100%;
}

/* Override float for page.php - full override is below */

.sectionSingle .title {
    width: 100%;
}

.sectionSingle .title h2 {
    font-size: 18px;
    color: #373D3F;
    font-weight: bold;
}

.sectionSingle .screenshotSingle {
    width: 100%;
    padding: 20px 50px;
    /*margin-bottom: 30px;*/
}

.sectionSingle .screenshotSingle img {
    width: 100%;
}

/* Screenshots Grid - Modern Display with Horizontal Scroll */
.screenshotsGrid {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 20px;
    margin-top: 24px;
    margin-bottom: 0;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 31, 57, 0.2) transparent;
    -webkit-overflow-scrolling: touch;
}

/* اسکرول افقی برای همه حالات */
.screenshotsGrid--scroll {
    /* این کلاس برای سازگاری نگه داشته شده، اما همه grid ها به صورت scroll هستند */
}

/* اگر فقط یک تصویر باشد - وسط چین و بزرگتر */
.screenshotsGrid--single {
    justify-content: center;
}

.screenshotsGrid--single .screenshotsGrid__item {
    flex: 0 0 400px;
    min-width: 400px;
    max-width: 400px;
}

.screenshotsGrid::-webkit-scrollbar {
    height: 8px;
}

.screenshotsGrid::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

.screenshotsGrid::-webkit-scrollbar-thumb {
    background: rgba(15, 31, 57, 0.2);
    border-radius: 4px;
}

.screenshotsGrid::-webkit-scrollbar-thumb:hover {
    background: rgba(15, 31, 57, 0.3);
}

.screenshotsGrid__item {
    position: relative;
    flex: 0 0 280px;
    min-width: 280px;
    max-width: 280px;
    aspect-ratio: 16 / 10;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    background: #f5f5f7;
    transition: transform 0.2s ease,  0.2s ease;
    border: 1px solid rgba(235, 235, 237, 0.9);
}

.screenshotsGrid__item:hover {
    transform: translateY(-4px);
}

.screenshotsGrid__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.screenshotsGrid__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
    color: #ffffff;
}

.screenshotsGrid__item:hover .screenshotsGrid__overlay {
    opacity: 1;
}

/* Screenshots Lightbox */
.screenshotsLightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}

.screenshotsLightbox--active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.screenshotsLightbox__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.92);
    backdrop-filter: blur(8px);
    z-index: 1;
}

.screenshotsLightbox__content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 80px;
    z-index: 2;
    pointer-events: none;
}

.screenshotsLightbox__content > * {
    pointer-events: all;
}

.screenshotsLightbox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
}

.screenshotsLightbox__close,
.screenshotsLightbox__prev,
.screenshotsLightbox__next {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: background 0.2s ease, transform 0.2s ease;
    backdrop-filter: blur(10px);
}

.screenshotsLightbox__close:hover,
.screenshotsLightbox__prev:hover,
.screenshotsLightbox__next:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

.screenshotsLightbox__close {
    top: 24px;
    right: 24px;
}

.screenshotsLightbox__prev {
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.screenshotsLightbox__next {
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.screenshotsLightbox__prev:hover,
.screenshotsLightbox__next:hover {
    transform: translateY(-50%) scale(1.1);
}

.screenshotsLightbox__counter {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.screenshotsLightbox__current {
    font-weight: 700;
}

/* Responsive Styles for Screenshots */
@media (max-width: 991.98px) {
    .screenshotsGrid {
        gap: 16px;
    }
    
    .screenshotsGrid__item {
        flex: 0 0 240px;
        min-width: 240px;
        max-width: 240px;
    }
    
    .screenshotsGrid--single .screenshotsGrid__item {
        flex: 0 0 350px;
        min-width: 350px;
        max-width: 350px;
    }
    
    .screenshotsLightbox__content {
        padding: 40px 60px;
    }
    
    .screenshotsLightbox__close,
    .screenshotsLightbox__prev,
    .screenshotsLightbox__next {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 767.98px) {
    .screenshotsGrid {
        gap: 12px;
    }
    
    .screenshotsGrid__item {
        flex: 0 0 200px;
        min-width: 200px;
        max-width: 200px;
    }
    
    .screenshotsGrid--single .screenshotsGrid__item {
        flex: 0 0 300px;
        min-width: 300px;
        max-width: 300px;
    }
    
    .screenshotsLightbox__content {
        padding: 20px;
    }
    
    .screenshotsLightbox__close {
        top: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
    }
    
    .screenshotsLightbox__prev {
        left: 16px;
        width: 40px;
        height: 40px;
    }
    
    .screenshotsLightbox__next {
        right: 16px;
        width: 40px;
        height: 40px;
    }
    
    .screenshotsLightbox__counter {
        bottom: 20px;
        font-size: 13px;
        padding: 6px 16px;
    }
}

@media (max-width: 575.98px) {
    .screenshotsGrid {
        gap: 12px;
    }
    
    .screenshotsGrid__item {
        flex: 0 0 180px;
        min-width: 180px;
        max-width: 180px;
    }
    
    .screenshotsGrid--single .screenshotsGrid__item {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
    }
    
    .screenshotsLightbox__close,
    .screenshotsLightbox__prev,
    .screenshotsLightbox__next {
        width: 36px;
        height: 36px;
    }
    
    .screenshotsLightbox__close svg,
    .screenshotsLightbox__prev svg,
    .screenshotsLightbox__next svg {
        width: 20px;
        height: 20px;
    }
}

.sectionSingle .bodySinglr {}

.sectionSingle .bodySingle {
    font-size: 13px;
    line-height: 30px;
    width: 100%;
    float: none;
    display: block;
    overflow: visible;
    box-sizing: border-box;
}

.sectionSingle .bodySingle p {
    margin: 0px;
    margin-top: 15px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.sectionSingle .bodySingle p img {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
    box-sizing: border-box;
}

/* Heading styles in bodySingle */
.sectionSingle .bodySingle h1,
.bodySingle h1 {
    font-size: 28px;
    font-weight: 700;
    color: #0f1f39;
    line-height: 1.4;
    margin: 32px 0 20px 0;
}

.sectionSingle .bodySingle h2,
.bodySingle h2 {
    font-size: 24px;
    font-weight: 700;
    color: #0f1f39;
    line-height: 1.4;
    margin: 28px 0 18px 0;
}

.sectionSingle .bodySingle h3,
.bodySingle h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.5;
    margin: 24px 0 16px 0;
}

.sectionSingle .bodySingle h4,
.bodySingle h4 {
    font-size: 18px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.5;
    margin: 20px 0 14px 0;
}

.sectionSingle .bodySingle h5,
.bodySingle h5 {
    font-size: 16px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.6;
    margin: 18px 0 12px 0;
}

.sectionSingle .bodySingle h6,
.bodySingle h6 {
    font-size: 15px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.6;
    margin: 16px 0 10px 0;
}
.sectionSingle .bodySingle .video {
    background: #fbfbfb;
    border-radius: 10px;
    margin-top: 35px;
}
.sectionSingle .bodySingle .video p {
    padding: 15px;
    text-align:left;
    font-weight: bold;
}
.aiosrs-rating-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 28px 0;
    padding: 18px 24px;
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.08) 0%, rgba(255, 193, 7, 0.03) 100%);
    border: 1px solid rgba(255, 193, 7, 0.2);
    border-radius: 20px;
    flex-wrap: wrap;
    transition: transform 0.2s ease,  0.2s ease, border-color 0.2s ease;
}

.aiosrs-rating-wrap:hover {
    border-color: rgba(255, 193, 7, 0.35);
    transform: translateY(-1px);
}

.aiosrs-rating-wrap .aiosrs-star-rating-wrap {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px 0;
}

.aiosrs-rating-wrap .aiosrs-star-rating {
    color: #ffc107;
    font-size: 20px;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(255, 193, 7, 0.2);
    transition: transform 0.15s ease;
}

.aiosrs-rating-wrap .aiosrs-star-rating:hover {
    transform: scale(1.1);
}

.aiosrs-rating-wrap .aiosrs-rating-summary-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 16px;
    border-right: 1px solid rgba(235, 235, 237, 0.6);
}

.aiosrs-rating-wrap .aiosrs-rating {
    font-size: 16px;
    font-weight: 700;
    color: #0f1f39;
    line-height: 1.2;
}

.aiosrs-rating-wrap .aiosrs-rating-count {
    font-size: 13px;
    color: rgba(15, 41, 70, 0.7);
    font-weight: 500;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .aiosrs-rating-wrap {
        padding: 14px 18px;
        gap: 12px;
    }

    .aiosrs-rating-wrap .aiosrs-rating-summary-wrap {
        padding-right: 12px;
        gap: 8px;
    }

    .aiosrs-rating-wrap .aiosrs-star-rating {
        font-size: 18px;
    }

    .aiosrs-rating-wrap .aiosrs-rating {
        font-size: 15px;
    }

    .aiosrs-rating-wrap .aiosrs-rating-count {
    font-size: 12px;
    }
}
/* Old listofVersions styles removed - using new styles below */
.sideBoxBG {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-top: 28px;
}

.sideBoxBG:first-of-type {
    margin-top: 0;
}

.sideBoxBG + .sideBoxBG {
    border-top: 1px solid rgba(35, 69, 94, 0.12);
    padding-top: 24px;
    margin-top: 24px;
}

.sideBoxBG + .sideBoxBG--tips {
    border-top: none;
    padding-top: 0;
}

.sideBoxBG--download + .titleSide {
    border-top: 1px solid rgba(35, 69, 94, 0.12);
    padding-top: 24px;
    margin-top: 32px !important;
}

.sideBoxBG--download {
    background: linear-gradient(135deg, rgba(42, 151, 252, 0.12) 0%, rgba(35, 69, 94, 0.08) 100%);
    border: 1px solid rgba(42, 151, 252, 0.18);
    border-radius: 24px;
    padding: 28px 24px;
    text-align: center;
}

.sideBoxBG--download .requireItem,
.sideBoxBG--download .sizeItem {
    display: block;
    margin: 6px auto;
    color: #0f1f39;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.sideBoxBG--download .downloadItem {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 220px;
    margin: 12px auto 0;
    padding: 10px 18px;
    border-radius: 999px;
    background: #2f99fc;
    color: #fff;
    font-weight: 600;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.sideBoxBG--download .downloadItem + .downloadItem {
    margin-top: 10px;
}

.sideBoxBG--download .downloadItem:hover,
.sideBoxBG--download .downloadItem:focus-visible {
    background: #117cdf;
    color: #ffffff;
    border-color: #2a97fc;
}

.sideBoxBG--tips {
    background: #F5F5F7;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 24px;
    padding: 24px 28px;
    margin-top: 12px;
}

.sideBoxBG--tips + .titleSide,
.titleSide + .sideBoxBG--tips {
    margin-top: 12px;
}

.sideBoxBG--tips .itemSide ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sideBoxBG--tips .itemSide ul li {
    color: rgba(15, 31, 57, 0.78);
    font-size: 13px;
    line-height: 1.8;
    padding: 0;
}

.sideBoxBG--tips .itemSide ul li a {
    color: #2a97fc;
    font-weight: 600;
    text-decoration: none;
}

.sideBoxBG--tips .itemSide ul li a:hover,
.sideBoxBG--tips .itemSide ul li a:focus-visible {
    text-decoration: underline;
}

.sideBoxBG--related .titleSide {
    margin-bottom: 18px;
    font-weight: 700;
    color: #0f1f39;
}

.sideBoxBG--related .itemsSideWI ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sideBoxBG--related .itemsSideWI ul li {
    background: #f5f5f7;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 18px;
    overflow: hidden;
    transition: transform 0.2s ease,  0.2s ease, border-color 0.2s ease;
}

.sideBoxBG--related .itemsSideWI ul li .img {
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sideBoxBG--related .itemsSideWI ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sideBoxBG--related .itemsSideWI ul li .title {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #0f1f39;
}

.sideBoxBG--related .itemsSideWI ul li .title a {
    color: inherit;
    text-decoration: none;
}

.sideBoxBG--related .itemsSideWI ul li .title a:hover,
.sideBoxBG--related .itemsSideWI ul li .title a:focus-visible {
    color: #2a97fc;
}

.sideBoxBG--related .itemsSideWI ul li .desc {
    font-size: 12px;
    color: rgba(15, 41, 70, 0.78);
    line-height: 1.7;
    margin: 33px 0 0 0;
}

.sideBoxBG--related .itemsSideWI ul li .a-full-box {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.sideBoxBG--related .itemsSideWI ul li > *:not(.a-full-box) {
    position: relative;
    z-index: 2;
}

@media (max-width: 991.98px) {
    .sideBoxBG--download {
        padding: 24px 20px;
    }

    .sideBoxBG--tips {
        padding: 20px 24px;
        border-radius: 20px;
    }

    .sideBoxBG--related .itemsSideWI ul li {
        padding: 12px 14px;
    }
}

.requireItem {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}

.sizeItem {
    font-size: 12px;
    text-align: left;
    margin: 15px 0px;
    font-weight: 300;
}

a.downloadItem {
    background: #2997FC;
    color: #fff;
    display: block;
    text-align: left;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    width: 200px;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid #2997FC;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

a.downloadItem:hover {
    background: #1786ec;
    color: #fff;
    border: 1px solid #1786ec;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.titleSide {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 28px;
    color: #0f1f39;
}

.sideBoxBG:first-of-type + .titleSide,
.titleSide:first-of-type {
    margin-top: 0;
}

.itemSide {
    width: 100%;
}

.itemSide ul {
    margin: 0px;
    padding: 0px 13px;
    display: block;
}

.itemSide ul li {
    padding: 7px 0px;
    font-size: 12px;
    color: #373D3F;
    font-weight: 300;
}

.itemSide ul li a {
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px dashed #2897fc;
    color: #2897fc;
    line-height: 30px;
}
.itemsSideWI.video .img img {
    width: 70%;
}

.itemsSideWI.video ul li {
    text-align: left;
}

.itemsSideWI.video .img {
    float: none !important;
    margin: 0 auto;
}
.itemsSideWI {
    width: 100%;
}

.itemsSideWI ul {
    margin: 0px;
    padding: 0px;
}

.itemsSideWI ul li {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0%;
    padding-bottom: 10px;
    position: relative;
}

.itemsSideWI .img {
    float: left !important;
    margin-right: 0px !important;
}

.itemsSideWI .img img {
    width: 45px;
}

.itemsSideWI .title {width: 100%;float: left;position: absolute;margin-left: 55px;}

.itemsSideWI .title h3 {
    font-size: 12px;
    font-weight: 400;
    padding-top: 2px;
}

.itemsSideWI .desc {
    margin-top: 26px;
    font-size: 10px;
    float: left !important;
    width: 100%;
    margin-left: 10px;
}

.itemsSideWI ul li:last-child {
    border: none;
    margin-bottom: -5px;
}
.a-full-box {
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    z-index: 2;
    top: 0;
    right: 0;
}

.mainContent {
    width: 88%;
    float: right;
    margin-top: -20px;
    padding-bottom: 20px;
}

.scroll {
    overflow: scroll;
    height: 100%;
    padding: 25px 0px;
}

.slider {
    display: flex;
    position: relative;
    transition-duration: 300ms;
    right: 0px;
    width: 100%;
}

.slideScreenshot {
    width: 100%;
}

.right {
    text-align: left !important;
}

.gutter5 {
    padding-right: 5px;
    padding-left: 5px;
}

.arrowRight {
    width: 6%;
    float: right;
    display: block;
    text-align: left;
    margin-right: -5px !important;
    margin-left: 5px !important;
}

.arrowLeft {
    width: 5%;
    float: left;
    margin-left: -5px !important;
    margin-right: 5px !important;
}

.arrowLeft .left {
    text-align: left;
    float: left;
}

.arrowPrev {
    float: left;
}

button.arrowNext:disabled img,
button.arrowPrev:disabled img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

button.arrowNext:disabled,
button.arrowPrev:disabled {
    cursor: not-allowed;
}

.arrowRight button,
.arrowLeft button {
    border: none;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}

.arrowRight button svg,
.arrowLeft button svg {
    width: 31.7px;
    height: 31.7px;
}

.arrowRight,
.arrowLeft {
    margin: 90px 0px 0px;
}
/* Theme My Login - Modern Style */
.tml {
    margin-top: 30px !important;
    width: 70%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
}

.tml .tml-label {
    font-family: 'vazir', sans-serif;
    color: #0f1f39;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
}

.tml-field-wrap {
    margin-bottom: 20px;
}

/* Lost password link positioning - زیر input رمز عبور */
.tml-field-wrap:has(input[type="password"]) {
    position: relative;
    margin-bottom: 40px; /* فاصله برای لینک lost password */
}

.tml-field-wrap:has(input[type="password"]) + li.tml-lostpassword-link,
.tml-field-wrap.tml-pwd-wrap + li.tml-lostpassword-link {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    margin: 0;
    padding: 0;
    width: auto;
    z-index: 1;
}

.tml-field-wrap input[type="text"],
.tml-field-wrap input[type="email"],
.tml-field-wrap input[type="password"],
.tml-field-wrap input[type="url"],
.tml-field-wrap input[type="tel"],
.tml-field-wrap input[type="number"] {
    width: 100% !important;
    height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 14px;
    background: #fff;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
    color: #0f1f39;
    outline: none;
    margin-top: 8px;
    transition: border-color 0.2s ease;
}

.tml-field-wrap input[type="text"]:focus,
.tml-field-wrap input[type="email"]:focus,
.tml-field-wrap input[type="password"]:focus,
.tml-field-wrap input[type="url"]:focus,
.tml-field-wrap input[type="tel"]:focus,
.tml-field-wrap input[type="number"]:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.5);
}

.tml-field-wrap input[type="text"]::placeholder,
.tml-field-wrap input[type="email"]::placeholder,
.tml-field-wrap input[type="password"]::placeholder {
    color: #8e9ba7;
    opacity: 1;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
}

li.tml-register-link {
    display: none;
}

.tml-field-wrap.tml-rememberme-wrap {
    display: none;
}

button.tml-button,
input.tml-button[type="submit"],
.tml-submit-wrap input[type="submit"] {
    width: 100%;
    background: #2a97fc;
    border: none;
    margin: 24px 0 0 0;
    height: 48px;
    font-size: 16px;
    font-family: 'vazir', sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 14px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease;
    padding: 0;
}

button.tml-button:hover,
input.tml-button[type="submit"]:hover,
.tml-submit-wrap input[type="submit"]:hover {
    background: #1d7fd8;
    transform: translateY(-1px);
}

button.tml-button:active,
input.tml-button[type="submit"]:active,
.tml-submit-wrap input[type="submit"]:active {
    transform: translateY(0);
}

/* Centered content for login/register pages */
.bodySingle--centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bodySingle--centered .tml {
    width: 70%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Login page register link style */
.loginPage__registerLink {
    font-size: 13px;
    font-weight: 400;
    color: #2a97fc;
    text-decoration: none;
    margin-right: 8px;
    transition: color 0.2s ease;
}

.loginPage__registerLink:hover {
    color: #1d7fd8;
    text-decoration: underline;
}

/* Theme My Login - Responsive Styles */
@media (max-width: 991.98px) {
    .tml {
        width: 85%;
        max-width: 100%;
    }
    
    .bodySingle--centered .tml {
        width: 85%;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .tml {
        width: 100%;
        padding: 0 16px;
    }
    
    .tml .tml-label {
        font-size: 13px;
    }
    
    .tml-field-wrap input[type="text"],
    .tml-field-wrap input[type="email"],
    .tml-field-wrap input[type="password"],
    .tml-field-wrap input[type="url"],
    .tml-field-wrap input[type="tel"],
    .tml-field-wrap input[type="number"] {
        height: 42px;
        font-size: 13px;
        padding: 0 14px;
    }
    
    button.tml-button,
    input.tml-button[type="submit"],
    .tml-submit-wrap input[type="submit"] {
        height: 44px;
        font-size: 15px;
    }
    
    .bodySingle--centered .tml {
        width: 100%;
        max-width: 100%;
    }
}

li.tml-lostpassword-link {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

li.tml-lostpassword-link a {
    text-decoration: none;
    display: inline-block;
    color: #2a97fc;
    font-size: 13px;
    font-family: 'vazir', sans-serif;
    font-weight: 400;
    transition: color 0.2s ease;
    border-bottom: none;
}

li.tml-lostpassword-link a:hover {
    color: #1d7fd8;
    text-decoration: underline;
}
#pass-strength-result {
    margin-bottom: 55px !important;
}
.tml * {
    position: relative;
}
/* ============================================
   RCP Subscription Page Styles - High Priority
   ============================================ */

/* Override old RCP styles with higher specificity */
.singlePage--subscription .rcp-table,
.bodySingle--subscription .rcp-table,
.sectionSingle--subscription .rcp-table,
.rcp-table {
    width: 100% !important;
    margin-bottom: 32px !important;
    text-align: left !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(235, 235, 237, 0.9) !important;
    border: none !important;
}

.singlePage--subscription .rcp-table thead,
.bodySingle--subscription .rcp-table thead,
.sectionSingle--subscription .rcp-table thead,
.rcp-table thead {
    width: 100% !important;
    background: linear-gradient(135deg, #0f1f39 0%, #23455e 100%) !important;
    color: #fff !important;
    background: #144660 !important;
}

.singlePage--subscription .rcp-table thead tr,
.bodySingle--subscription .rcp-table thead tr,
.sectionSingle--subscription .rcp-table thead tr,
.rcp-table thead tr {
    padding: 0 !important;
}

.singlePage--subscription .rcp-table thead tr th,
.bodySingle--subscription .rcp-table thead tr th,
.sectionSingle--subscription .rcp-table thead tr th,
.rcp-table thead tr th {
    text-align: left !important;
    padding: 18px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.rcp-table thead tr th:first-child {
    border-top-right-radius: 20px;
}

.rcp-table thead tr th:last-child {
    border-top-left-radius: 20px;
}

.singlePage--subscription .rcp-table tbody tr,
.bodySingle--subscription .rcp-table tbody tr,
.sectionSingle--subscription .rcp-table tbody tr,
.rcp-table tbody tr {
    border-bottom: 1px solid rgba(235, 235, 237, 0.6) !important;
    transition: background-color 0.2s ease !important;
    border: none !important;
}

.singlePage--subscription .rcp-table tbody tr:hover,
.bodySingle--subscription .rcp-table tbody tr:hover,
.sectionSingle--subscription .rcp-table tbody tr:hover,
.rcp-table tbody tr:hover {
    background-color: rgba(248, 250, 255, 0.5) !important;
}

.singlePage--subscription .rcp-table tbody tr:last-child,
.bodySingle--subscription .rcp-table tbody tr:last-child,
.sectionSingle--subscription .rcp-table tbody tr:last-child,
.rcp-table tbody tr:last-child {
    border-bottom: none !important;
}

.singlePage--subscription .rcp-table tbody tr td,
.bodySingle--subscription .rcp-table tbody tr td,
.sectionSingle--subscription .rcp-table tbody tr td,
.rcp-table tbody tr td {
    padding: 18px 24px !important;
    font-size: 14px !important;
    color: rgba(15, 41, 70, 0.82) !important;
    border: none !important;
    vertical-align: middle !important;
    border: 1px solid #0000001c !important;
    border: none !important;
}

.rcp-table tbody tr td[data-th]::before {
    content: attr(data-th) ": ";
    font-weight: 600;
    color: #0f1f39;
    display: none;
}

/* RCP Messages - High Priority */
.singlePage--subscription .rcp_success,
.bodySingle--subscription .rcp_success,
.sectionSingle--subscription .rcp_success,
.singlePage--subscription .rcp_message.success,
.bodySingle--subscription .rcp_message.success,
.sectionSingle--subscription .rcp_message.success,
.rcp_success,
.rcp_message.success {
    background: linear-gradient(135deg, rgba(34, 181, 115, 0.1) 0%, rgba(34, 181, 115, 0.05) 100%) !important;
    border: 1px solid rgba(34, 181, 115, 0.3) !important;
    border-radius: 16px !important;
    padding: 18px 24px !important;
    margin-bottom: 24px !important;
    color: #0f1f39 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.rcp_success span,
.rcp_message.success span {
    color: #22b573;
    font-weight: 600;
    border-bottom: none;
    padding-bottom: 0;
}

.singlePage--subscription .rcp_error,
.bodySingle--subscription .rcp_error,
.sectionSingle--subscription .rcp_error,
.singlePage--subscription .rcp_message.error,
.bodySingle--subscription .rcp_message.error,
.sectionSingle--subscription .rcp_message.error,
.rcp_error,
.rcp_message.error {
    background: linear-gradient(135deg, rgba(248, 21, 21, 0.1) 0%, rgba(248, 21, 21, 0.05) 100%) !important;
    border: 1px solid rgba(248, 21, 21, 0.3) !important;
    border-radius: 16px !important;
    padding: 18px 24px !important;
    margin-bottom: 24px !important;
    color: #0f1f39 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    background: #f6f6f6 !important;
    line-height: 25px !important;
    margin: 0px 0px 70px !important;
    margin-bottom: 24px !important;
}

.rcp_error span,
.rcp_message.error span {
    color: #f81515;
    font-weight: 600;
    border-bottom: none;
    padding-bottom: 0;
}

.rcp_message.error p {
    padding: 0;
    border-bottom: none;
    margin: 0;
}

.rcp_message.error p span {
    border-bottom: none;
    padding-bottom: 0;
    color: #f81515;
}

.rcp_message.error p span a {
    color: #2a97fc;
    font-weight: 600;
    border-bottom: 1px dashed #2a97fc;
    text-decoration: none;
    transition: color 0.2s ease;
}

.rcp_message.error p span a:hover {
    color: #1d7fd8;
    border-bottom-color: #1d7fd8;
}

/* RCP Auto Renew Toggle */
.rcp-membership-auto-renew-notice {
    font-size: 12px;
    color: rgba(15, 41, 70, 0.65);
    margin-top: 6px;
    font-style: italic;
}

.rcp-auto-renew-toggle {
    margin-top: 8px;
}

.rcp-auto-renew-toggle a {
    display: inline-block;
    padding: 6px 14px;
    background: rgba(42, 151, 252, 0.1);
    color: #2a97fc;
    border-radius: 8px;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid rgba(42, 151, 252, 0.2);
}

.rcp-auto-renew-toggle a:hover {
    background: rgba(42, 151, 252, 0.2);
    color: #1d7fd8;
    border-color: rgba(42, 151, 252, 0.4);
}

/* Section Single for Subscription */
.sectionSingle--subscription {
    padding: 32px 36px !important;
    max-width: 100%;
}

.sectionSingle--subscription .bodySingle {
    padding: 0;
}

.singlePage--subscription {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 40px 48px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

.bodySingle--subscription {
    max-width: 100%;
    margin: 0 auto;
}

.bodySingle--subscription > * {
    max-width: 100%;
}

/* Center tables in subscription page */
.bodySingle--subscription table {
    margin-left: auto;
    margin-right: auto;
}

/* Style for subscription content */
.bodySingle--subscription p {
    text-align: left;
    line-height: 1.8;
    margin-bottom: 16px;
}

.bodySingle--subscription ul,
.bodySingle--subscription ol {
    text-align: left;
    padding-right: 20px;
    margin-bottom: 20px;
}

.bodySingle--subscription li {
    margin-bottom: 12px;
    line-height: 1.8;
}
.team {
    text-align: center;
    margin-bottom: 50px;
}
.team ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.team ul li {
    display: inline-block !important;
    padding: 0px 0px !important;
    text-align: center;
    vertical-align: top;
}

.team ul li span {
    display: block;
    width: 100%;
    color: #144660;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}

.team ul li img {
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
}

/* Contact Form 7 - Modern Style */
div#wpcf7-f77150-o1,
.wpcf7 {
    width: 100%;
}

form.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

form.wpcf7-form p {
    margin: 0;
    display: block;
}

form.wpcf7-form label {
    font-family: 'vazir', sans-serif;
    color: #0f1f39;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
}

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form input[type="url"],
form.wpcf7-form input[type="number"],
form.wpcf7-form select {
    width: 100%;
    height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 14px;
    background: #fff;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
    color: #0f1f39;
    outline: none;
    margin-top: 8px;
    transition: border-color 0.2s ease;
}

form.wpcf7-form input[type="text"]::placeholder,
form.wpcf7-form input[type="email"]::placeholder,
form.wpcf7-form input[type="tel"]::placeholder,
form.wpcf7-form input[type="url"]::placeholder,
form.wpcf7-form input[type="number"]::placeholder {
    color: rgba(15, 31, 57, 0.5);
    opacity: 1;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
}

form.wpcf7-form input[type="text"]::-webkit-input-placeholder,
form.wpcf7-form input[type="email"]::-webkit-input-placeholder,
form.wpcf7-form input[type="tel"]::-webkit-input-placeholder,
form.wpcf7-form input[type="url"]::-webkit-input-placeholder,
form.wpcf7-form input[type="number"]::-webkit-input-placeholder {
    color: rgba(15, 31, 57, 0.5);
    opacity: 1;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
}

form.wpcf7-form input[type="text"]::-moz-placeholder,
form.wpcf7-form input[type="email"]::-moz-placeholder,
form.wpcf7-form input[type="tel"]::-moz-placeholder,
form.wpcf7-form input[type="url"]::-moz-placeholder,
form.wpcf7-form input[type="number"]::-moz-placeholder {
    color: rgba(15, 31, 57, 0.5);
    opacity: 1;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
}

form.wpcf7-form input[type="text"]:-ms-input-placeholder,
form.wpcf7-form input[type="email"]:-ms-input-placeholder,
form.wpcf7-form input[type="tel"]:-ms-input-placeholder,
form.wpcf7-form input[type="url"]:-ms-input-placeholder,
form.wpcf7-form input[type="number"]:-ms-input-placeholder {
    color: rgba(15, 31, 57, 0.5);
    opacity: 1;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
}

form.wpcf7-form input[type="text"]:focus,
form.wpcf7-form input[type="email"]:focus,
form.wpcf7-form input[type="tel"]:focus,
form.wpcf7-form input[type="url"]:focus,
form.wpcf7-form input[type="number"]:focus,
form.wpcf7-form select:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.5);
}

form.wpcf7-form textarea {
    width: 100%;
    min-height: 140px;
    padding: 14px 16px;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 14px;
    background: #fff;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
    color: #0f1f39;
    line-height: 1.6;
    resize: vertical;
    outline: none;
    margin-top: 8px;
    transition: border-color 0.2s ease;
}

/* Placeholder styles for textarea */
form.wpcf7-form textarea::placeholder {
    color: #8e9ba7 !important;
    opacity: 1 !important;
    font-family: 'vazir', sans-serif !important;
    font-size: 14px !important;
}

form.wpcf7-form textarea::-webkit-input-placeholder {
    color: #8e9ba7 !important;
    opacity: 1 !important;
    font-family: 'vazir', sans-serif !important;
    font-size: 14px !important;
}

form.wpcf7-form textarea::-moz-placeholder {
    color: #8e9ba7 !important;
    opacity: 1 !important;
    font-family: 'vazir', sans-serif !important;
    font-size: 14px !important;
}

form.wpcf7-form textarea:-ms-input-placeholder {
    color: #8e9ba7 !important;
    opacity: 1 !important;
    font-family: 'vazir', sans-serif !important;
    font-size: 14px !important;
}

/* Ensure text color is correct when typing - placeholder should disappear */
form.wpcf7-form textarea:not(:placeholder-shown) {
    color: #0f1f39 !important;
}

form.wpcf7-form textarea:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.5);
    color: #0f1f39 !important;
}

form.wpcf7-form textarea:focus::placeholder {
    opacity: 0 !important;
}

input.wpcf7-form-control.wpcf7-submit,
button.wpcf7-submit {
    background: #2a97fc;
    width: 100%;
    height: 48px;
    color: #fff;
    font-size: 16px;
    font-family: 'vazir', sans-serif;
    font-weight: 600;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease;
    margin-top: 8px;
    padding: 0;
}

input.wpcf7-form-control.wpcf7-submit:hover,
button.wpcf7-submit:hover {
    background: #1d7fd8;
    transform: translateY(-1px);
}

input.wpcf7-form-control.wpcf7-submit:active,
button.wpcf7-submit:active {
    transform: translateY(0);
}

.wpcf7-not-valid-tip {
    font-size: 12px !important;
    color: #e57373 !important;
    margin-top: 4px;
    display: block;
    font-family: 'vazir', sans-serif;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
    padding: 16px 20px;
    border-radius: 14px;
    margin-bottom: 20px;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
    text-align: left;
}

.wpcf7-validation-errors {
    background: #fff5f5;
    border: 1px solid #fecaca;
    color: #c53030;
}

.wpcf7-mail-sent-ok {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.wpcf7-spinner {
    margin-right: 8px;
}

/* Contact Form 7 - Responsive Styles */
@media (max-width: 767.98px) {
    form.wpcf7-form {
        gap: 16px;
    }
    
    form.wpcf7-form label {
        font-size: 13px;
    }
    
    form.wpcf7-form input[type="text"],
    form.wpcf7-form input[type="email"],
    form.wpcf7-form input[type="tel"],
    form.wpcf7-form input[type="url"],
    form.wpcf7-form input[type="number"],
    form.wpcf7-form select {
        height: 42px;
        font-size: 13px;
        padding: 0 14px;
    }
    
    form.wpcf7-form textarea {
        min-height: 120px;
        font-size: 13px;
        padding: 12px 14px;
    }
    
    input.wpcf7-form-control.wpcf7-submit,
    button.wpcf7-submit {
        height: 44px;
        font-size: 15px;
    }
}

p.firstLogintoCM {
    display: block;
    width: 100%;
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 15px;
    text-align: left;
    padding: 31px;
    font-size: 16px;
    font-family: vazir;
    color: #182A3C;
    margin-bottom: 50px;
}
p.firstLogintoCM a {
    font-weight: 500;
    border-bottom: 1px dashed #373D3F;
    color: #373D3F;
    text-decoration: none;
}
.mainDesc {
    width: 100%;
    font-family: vazir;
    font-weight: 200;
    font-size: 13px;
}
.mainDesc a {
    color: #2997ff;
}

.mainDesc h2 {
    font-size: 20px;
    padding: 30px 0px 0px;
    margin-bottom: -12px;
}

.mainDesc ul {
    margin: 15px;
    list-style-type: circle;
}

.mainDesc ul li {
    display: list-item;
    padding: 2px 0px;
    list-style-type: circle;
}

/* VIP Steps - Clean new structure */
.vipSteps {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.vipStep {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: start;
}

.vipStep__number {
    grid-column: 1;
    grid-row: 1;
    font-size: 30px;
    font-family: 'vazir';
    color: #144660;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.vipStep__label {
    grid-column: 1;
    grid-row: 2;
    font-size: 16px;
    font-weight: 400;
    color: #144660;
    margin-top: 4px;
    line-height: 1.4;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 100%;
}

.vipStep__content {
    grid-column: 2;
    grid-row: 1 / 3;
    line-height: 1.7;
    text-align: left;
    color: #0f1f39;
    margin: 0;
    padding-right: 30px;
    padding-top: 10px;
    margin-top: 0;
    align-self: start;
}





@media (max-width: 768px) {
    .vipStep {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .vipStep__number {
        grid-column: 1;
        grid-row: 1;
    }
    
    .vipStep__label {
        grid-column: 1;
        grid-row: 2;
    }
    
    .vipStep__content {
        grid-column: 1;
        grid-row: 3;
    }
}

.getYourVIPPackage {
    width: 100%;
}

.getYourVIPPackage h2 {
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'vazir';
}
.getYourVIPPackage .tab {

}
.getYourVIPPackage .tab ul {

}
.getYourVIPPackage .tab ul li a {
    text-decoration: none;
    font-weight: bold;
    color: #000 !important;
}

.getYourVIPPackage .tab ul li a span {
    color: #00796b !important;
}
.getYourVIPPackage .tab ul li {background-color: #f4f4f4;border: 1px solid #ddd;}
.getYourVIPPackage .tab ul li:hover {
    background-color: #e0f7fa !important;
}

/* VIP Package Cards - Modern Style */
.vipPackages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 32px;
    margin-bottom: 40px;
}

.vipPackageCard {
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 24px;
    overflow: hidden;
    transition: transform 0.2s ease,  0.2s ease, border-color 0.2s ease;
}

.vipPackageCard:hover {
    transform: translateY(-4px);
    border-color: rgba(42, 151, 252, 0.3);
}

.vipPackageCard__link {
    display: block;
    padding: 32px 28px;
    text-decoration: none;
    color: inherit;
    text-align: center;
}

.vipPackageCard__title {
    font-size: 20px;
    font-weight: 700;
    color: #0f1f39;
    margin-bottom: 12px;
    line-height: 1.4;
}

.vipPackageCard__subtitle {
    font-size: 14px;
    font-weight: 500;
    color: rgba(15, 31, 57, 0.65);
    margin-bottom: 24px;
    line-height: 1.5;
}

.vipPackageCard__price {
    font-size: 24px;
    font-weight: 700;
    color: #2a97fc;
    line-height: 1.3;
    padding-top: 20px;
    border-top: 1px solid rgba(235, 235, 237, 0.9);
}

.vipPackageCard:hover .vipPackageCard__price {
    color: #1d7fd8;
}

@media (max-width: 768px) {
    .vipPackages {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .vipPackageCard__link {
        padding: 28px 24px;
    }
    
    .vipPackageCard__title {
        font-size: 18px;
    }
    
    .vipPackageCard__price {
        font-size: 22px;
    }
}
label#um_field_2_profile_label,
label#um_field_3_profile_label,
label#um_field_4_profile_label,
label#um_field_5_profile_label,
label#um_field_6_profile_label,
label#um_field_7_profile_label,
label#um_field_8_profile_label,
label#um_field_9_profile_label,
label#um_field_10_profile_label {
    width: 100%;
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 15px;
    z-index: 2;
    border: none;
    outline: none;
    height: 45px;
    margin-top: 14px;
    padding: 15px;
    background: none;
    font-family: vazir;
    color: #5D7689;
    font-size: 16px !important;
    text-align: left;
    font-weight: 300;
}

input#um_field_2_profile,
input#um_field_3_profile,
input#um_field_4_profile,
input#um_field_5_profile,
input#um_field_6_profile,
input#um_field_7_profile,
input#um_field_8_profile,
input#um_field_10_profile {
    width: 100%;
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 15px;
    z-index: 2;
    border: none;
    outline: none;
    height: 45px;
    margin-top: 14px;
    padding: 15px;
    font-size: 12px;
    color: #5D7689;
    font-family: vazir;
}

.um_field_container {
    width: 43% !important;
    float: right;
    margin-right: 55px !important;
}

/* Override for profile page - Two Column Grid */
form[class*="um_"] .um_field_container,
form[id*="um_"] .um_field_container,
.pf_form_wrapper .um_field_container,
.um_form_wrapper .um_field_container {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.um_field_container label {
    margin: 10px;
    border-radius: 35px;
    border: 1px solid #00000021;
    padding: 10px;
    font-size: 12px;
}

input#insert_user {
    background: #144660;
    border: none;
    width: 100%;
    border-radius: 15px;
    color: #fff;
    padding: 10px;
    margin: 15px auto;
    font-size: 16px;
}

form#um_form_profile {
    width: 100% !important;
    margin-top: -20px !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    clear: both !important;
}

label#um_field_1_profile_label {
    margin-top: 75px;
    margin-bottom: -75px;
}

input#um_field_1_profile {
    margin-top: 81px !important;
    width: 100%;
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 15px;
    z-index: 2;
    border: none;
    outline: none;
    height: 45px;
    padding: 15px;
    font-size: 10px;
    color: #5D7689;
}

div#um_field_1_profile_result {
    position: absolute;
    margin-top: -70px;
    margin-right: -88px;
}

label#um_field_1_profile_label {
    display: none;
}

div#um_field_1_profile_result img {
    border-radius: 15px;
    width: 80px;
    height: 80px;
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
    background: #fff;
    float: right;
}

p.um_remove_file {
    margin: 20px;
    display: block;
}
p.firstLogintoCM {
    display: block;
    width: 100%;
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 15px;
    text-align: left;
    padding: 36px;
    font-size: 22px;
    font-family: vazir;
    color: #182A3C;
    margin-bottom: 50px;
}

/* Comments Section - Modern UI Kit Styles */
div#comments-wrap {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 80px;
    padding-bottom: 40px;
}

div#respond {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 0;
}

/* Comment List */
ol.commentlist {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    display: block;
    width: 100%;
}

ol.commentlist li {
    display: block;
    padding: 20px 24px;
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 20px;
    transition: transform 0.2s ease,  0.2s ease, border-color 0.2s ease;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    overflow-x: hidden;
    clear: both;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

ol.commentlist li:hover {
    border-color: rgba(42, 151, 252, 0.3);
    transform: translateY(-2px);
}


/* Comment Content */
.comment-body {
    position: relative;
    overflow: hidden;
    overflow-x: hidden;
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 12px 12px;
    row-gap: 8px;
    align-items: start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.comment-body > *:nth-child(2),
.comment-body > *:nth-child(n+3):not(.reply) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Ensure grid items don't overflow */
.comment-body > * {
    min-width: 0;
}

/* Avatar - Top left */
.comment-body > img.avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid rgba(235, 235, 237, 0.9);
    object-fit: cover;
    background: #f5f5f7;
    margin: 0;
    grid-column: 1;
    grid-row: 1;
    flex-shrink: 0;
    max-width: 56px;
    min-width: 56px;
}

/* Author and date - Right of avatar, in same row */
.commentlist .vcard {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0;
    grid-column: 2;
    grid-row: 1;
    flex-wrap: wrap;
    padding-top: 5px;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

/* Comment text - Below author and date */
.comment-body > p {
    grid-column: 2;
    grid-row: auto;
    margin-top: 0;
    margin-bottom: 8px;
    padding-top: 0;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    overflow: hidden;
    overflow-x: hidden;
    box-sizing: border-box;
}

.comment-body > p:first-of-type {
    margin-top: -12px;
}

/* Reply button - Below avatar */
.comment-body > .reply {
    grid-column: 1;
    grid-row: auto;
    align-self: start;
    margin-top: 8px;
}

.commentlist .vcard cite.fn {
    font-size: 15px;
    font-weight: 700;
    color: #0f1f39;
    font-style: normal;
    margin: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
}

.commentlist .vcard cite.fn a {
    color: #0f1f39;
    text-decoration: none;
    transition: color 0.2s ease;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
}

.commentlist .vcard cite.fn a:hover {
    color: #2a97fc;
}

.commentlist .commentmetadata {
    font-size: 12px;
    color: rgba(15, 41, 70, 0.6);
    display: inline-block;
    margin: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
}

.commentlist .commentmetadata::before,
.commentlist .commentmetadata::after {
    content: none !important;
    display: none !important;
}

.commentlist .commentmetadata a::before,
.commentlist .commentmetadata a::after {
    content: none !important;
    display: none !important;
}

.commentlist .vcard::before,
.commentlist .vcard::after {
    content: none !important;
    display: none !important;
}

.commentlist .vcard cite.fn::before,
.commentlist .vcard cite.fn::after {
    content: none !important;
    display: none !important;
}

/* Hide any extra text/spans next to comment metadata */
.commentlist .commentmetadata span,
.commentlist .commentmetadata .says,
.commentlist .vcard .says,
.commentlist .comment-author .says {
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.commentlist .commentmetadata a {
    color: rgba(15, 41, 70, 0.6);
    text-decoration: none;
    transition: color 0.2s ease;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.commentlist .commentmetadata a:hover {
    color: #2a97fc;
}

/* Comment text */
ol.commentlist li p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(15, 41, 70, 0.85);
    text-align: left;
    margin-top: -20px;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* Links inside comment text */
ol.commentlist li p a {
    overflow-wrap: anywhere;
    word-break: break-all;
    max-width: 100%;
    display: inline-block;
    overflow-x: hidden;
    box-sizing: border-box;
}


/* Specifically for long URLs */
ol.commentlist li a[href^="http"],
ol.commentlist li a[href^="https"],
ol.commentlist li a[href^="//"] {
    word-break: break-all;
    overflow-wrap: anywhere;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
}

.says {
    display: none;
}

/* Reply Link */
.commentlist .reply {
    margin-top: 0;
    text-align: left;
}

.commentlist .reply a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #2a97fc;
    text-decoration: none;
    padding: 6px 14px;
    border-radius: 12px;
    background: rgba(42, 151, 252, 0.08);
    transition: background 0.2s ease, color 0.2s ease;
}

.commentlist .reply a:hover {
    background: rgba(42, 151, 252, 0.15);
    color: #1d7fd8;
}

/* Nested Comments */
ol.commentlist li li {
    margin-right: 40px;
    margin-top: 0;
    margin-bottom: 20px;
    background: #f8f9fb;
    border-color: rgba(235, 235, 237, 0.7);
    overflow-x: hidden;
    max-width: 100%;
    box-sizing: border-box;
}

ol.commentlist li li li {
    background: #ffffff;
    margin-right: 40px;
}

ol.commentlist li li li li {
    background: #f8f9fb;
    margin-right: 40px;
}

ol.commentlist li li li li li {
    background: #ffffff;
    margin-right: 40px;
}

/* Comment Form */
#respond {
    margin-top: 40px;
    padding-top: 0;
    border-top: none;
}

.comment-reply-form {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(235, 235, 237, 0.9);
}

.comment-reply-form #respond,
.comment-reply-form [id^="respond-"] {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    text-align: left;
}

.comment-reply-form form[id^="commentform"],
.comment-reply-form form#commentform {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comment-reply-form [id^="commentform"] p,
.comment-reply-form #commentform p {
    margin: 0 0 16px 0;
    display: block;
}

.comment-reply-form [id^="commentform"] input[type="text"],
.comment-reply-form [id^="commentform"] input[type="email"],
.comment-reply-form [id^="commentform"] input[type="url"],
.comment-reply-form #commentform input[type="text"],
.comment-reply-form #commentform input[type="email"],
.comment-reply-form #commentform input[type="url"] {
    width: 100%;
    height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 14px;
    font-size: 14px;
    color: rgba(15, 41, 70, 0.85);
    background: #ffffff;
    box-sizing: border-box;
}

.comment-reply-form [id^="commentform"] textarea,
.comment-reply-form #commentform textarea {
    width: 100%;
    min-height: 140px;
    padding: 14px 16px;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 14px;
    font-size: 14px;
    color: rgba(15, 41, 70, 0.85);
    background: #ffffff;
    resize: vertical;
    font-family: inherit;
    box-sizing: border-box;
}

.comment-reply-form [id^="commentform"] #submit,
.comment-reply-form [id^="submit"],
.comment-reply-form #commentform #submit {
    align-self: flex-start;
    padding: 12px 28px;
    background: #2a97fc;
    color: #ffffff;
    border: 1px solid #2a97fc;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.comment-reply-form [id^="commentform"] #submit:hover,
.comment-reply-form [id^="submit"]:hover,
.comment-reply-form #commentform #submit:hover {
    background: #1d7fd8;
    border-color: #1d7fd8;
    transform: translateY(-1px);
}

.comment-reply-form [id^="commentform"] input:focus,
.comment-reply-form [id^="commentform"] textarea:focus,
.comment-reply-form #commentform input:focus,
.comment-reply-form #commentform textarea:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.5);
}

.comment-reply-form h3.postcomment,
.comment-reply-form [id^="respond-"] h3.postcomment {
    font-size: 20px;
    font-weight: 700;
    color: #0f1f39;
    margin: 0 0 20px 0;
    visibility: visible;
    display: block;
}

.comment-reply-form .didgah-u {
    margin-bottom: 20px;
}

.comment-reply-form .cancel-comment-reply {
    margin-bottom: 16px;
}

#respond h3.postcomment {
    font-size: 22px;
    font-weight: 700;
    color: #0f1f39;
    margin: 0 0 24px 0;
    visibility: visible;
    display: block;
    background: linear-gradient(90deg, #4e86b0, #23455f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.didgah-u {
    margin-bottom: 0;
    display: none;
}

.didgah-u a {
    font-size: 16px;
    font-weight: 600;
    color: #0f1f39;
    text-decoration: none;
}

.cancel-comment-reply {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(235, 235, 237, 0.9);
}

a#cancel-comment-reply-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: rgba(15, 41, 70, 0.7);
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 12px;
    background: rgba(15, 41, 70, 0.05);
    border: 1px solid rgba(235, 235, 237, 0.9);
    transition: all 0.2s ease;
    font-weight: 500;
}

a#cancel-comment-reply-link:hover {
    background: rgba(15, 41, 70, 0.1);
    color: #0f1f39;
    border-color: rgba(15, 41, 70, 0.2);
    transform: translateY(-1px);
}

/* Login Notice - Similar to accessNotice but with blue theme */
.loginNotice {
    padding: 24px 28px;
    border-radius: 20px;
    border: 1.5px solid rgba(42, 151, 252, 0.3);
    background: linear-gradient(135deg, rgba(42, 151, 252, 0.12) 0%, rgba(35, 69, 94, 0.08) 100%);
    color: #0f1f39;
    direction: ltr;
    margin-bottom: 24px;
    text-align: center;
    transition: all 0.3s ease;
}

.loginNotice:hover {
    border-color: rgba(42, 151, 252, 0.4);
}

/* Align login notice box and text to right in reply forms */
.comment-reply-form #respond .loginNotice,
.comment-reply-form [id^="respond-"] .loginNotice {
    text-align: left !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.loginNotice__text {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.7;
}

.loginNotice__link {
    color: #2a97fc;
    font-weight: 700;
    text-decoration: none;
}

.loginNotice__link:hover,
.loginNotice__link:focus-visible {
    color: #1d7fd8;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .loginNotice {
        padding: 18px 20px;
    }
    
    .loginNotice__text {
        font-size: 16px;
    }
}

/* Legacy support for old class name */
p.firstLogintoCM {
    padding: 16px 20px;
    background: rgba(42, 151, 252, 0.08);
    border: 1px solid rgba(42, 151, 252, 0.2);
    border-radius: 16px;
    text-align: center;
    margin-bottom: 24px;
}

p.firstLogintoCM a {
    color: #2a97fc;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

p.firstLogintoCM a:hover {
    color: #1d7fd8;
    text-decoration: underline;
}

form#commentform {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Use new commentForm styles if available, otherwise fallback to old */
form#commentform:not(.commentForm) {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#commentform p {
    margin: 0 0 16px 0;
    display: block;
}

#commentform p:has(input[type="text"]),
#commentform p:has(input[type="email"]),
#commentform p:has(input[type="url"]) {
    display: block;
    margin-bottom: 12px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
    width: 100%;
    height: 48px;
    padding: 0 18px;
    border: 1.5px solid rgba(235, 235, 237, 0.9);
    border-radius: 16px;
    background: #ffffff;
    font-size: 14px;
    color: #0f1f39;
    transition: all 0.2s ease;
    font-family: inherit;
    box-sizing: border-box;
}

#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.6);
}

#commentform textarea {
    width: 100%;
    min-height: 160px;
    padding: 18px;
    border: 1.5px solid rgba(235, 235, 237, 0.9);
    border-radius: 16px;
    background: #ffffff;
    font-size: 15px;
    color: #0f1f39;
    line-height: 1.7;
    resize: vertical;
    font-family: inherit;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

#commentform textarea:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.6);
}

#commentform #submit,
#commentform button[type="submit"] {
    align-self: stretch;
    width: 100%;
    padding: 14px 32px;
    background: linear-gradient(135deg, #2a97fc 0%, #1d7fd8 100%);
    color: #ffffff;
    border: none;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#commentform #submit:hover,
#commentform button[type="submit"]:hover {
    background: linear-gradient(135deg, #1d7fd8 0%, #1769c4 100%);
    transform: translateY(-2px);
}

#commentform #submit:active,
#commentform button[type="submit"]:active {
    transform: translateY(0);
}

/* Comments Navigation */
.comments-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(235, 235, 237, 0.9);
}

.comments-navigation .alignleft,
.comments-navigation .alignright {
    display: flex;
}

.comments-navigation a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #f5f5f7;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 14px;
    color: #0f1f39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.comments-navigation a:hover {
    background: #ffffff;
    border-color: rgba(42, 151, 252, 0.3);
    color: #2a97fc;
}

/* Load More Button */
.comments-load-more-wrapper {
    text-align: center;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(235, 235, 237, 0.9);
}

.comments-load-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    background: #f5f5f7;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 14px;
    color: #0f1f39;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    min-width: 200px;
}

.comments-load-more-btn:hover:not(:disabled) {
    background: #ffffff;
    border-color: rgba(42, 151, 252, 0.3);
    color: #2a97fc;
    transform: translateY(-1px);
}

.comments-load-more-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    ol.commentlist li {
        padding: 16px 18px;
        gap: 12px;
    }

    .comment-body > img.avatar {
        width: 48px;
        height: 48px;
    }
    
    .comment-body {
        grid-template-columns: auto 1fr;
        gap: 10px;
    }

    ol.commentlist li li {
        margin-right: 24px;
    }

    #commentform p:has(input[type="text"]) {
        grid-template-columns: 1fr;
    }

    #commentform #submit {
        width: 100%;
    }

    .comments-load-more-btn {
        width: 100%;
        min-width: auto;
    }
}

#commentform p a,
#formp a {
    color: #3f3f3f;
}

/* Modern Comment Form Styles */
.commentFormWrapper {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 24px;
    padding: 32px;
    margin-top: 32px;
    transition:  0.3s ease, border-color 0.3s ease;
}

.commentFormWrapper:hover {
    border-color: rgba(42, 151, 252, 0.2);
}

.commentFormHeader {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(235, 235, 237, 0.9);
}

.commentFormUser {
    display: flex;
    align-items: center;
    gap: 16px;
}

.commentFormUser__avatar {
    flex-shrink: 0;
}

.commentFormUser__avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid rgba(42, 151, 252, 0.2);
    object-fit: cover;
}

.commentFormUser__info {
    flex: 1;
    min-width: 0;
}

.commentFormUser__name {
    font-size: 18px;
    font-weight: 700;
    color: #0f1f39;
    margin-bottom: 6px;
    line-height: 1.4;
}

.commentFormUser__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
    color: rgba(15, 41, 70, 0.7);
}

.commentFormUser__username {
    display: inline-flex;
    align-items: center;
}

.commentFormUser__username a {
    color: rgba(15, 41, 70, 0.85);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.commentFormUser__username a:hover {
    color: #2a97fc;
}

.commentFormUser__separator {
    color: rgba(15, 41, 70, 0.4);
    font-weight: 300;
}

.commentFormUser__logout {
    color: rgba(15, 41, 70, 0.7);
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 500;
}

.commentFormUser__logout:hover {
    color: #e63946;
}

.commentForm {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.commentForm__fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.commentForm__field {
    display: flex;
    flex-direction: column;
}

.commentForm__field input {
    width: 100%;
    height: 48px;
    padding: 0 18px;
    border: 1.5px solid rgba(235, 235, 237, 0.9);
    border-radius: 16px;
    background: #ffffff;
    font-size: 14px;
    color: #0f1f39;
    transition: all 0.2s ease;
    font-family: inherit;
    box-sizing: border-box;
}

.commentForm__field input::placeholder {
    color: rgba(15, 41, 70, 0.5);
}

.commentForm__field input:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.6);
    background: #ffffff;
}

.commentForm__textareaWrapper {
    position: relative;
}

.commentForm__textareaWrapper textarea {
    width: 100%;
    min-height: 160px;
    padding: 18px;
    border: 1.5px solid rgba(235, 235, 237, 0.9);
    border-radius: 16px;
    background: #ffffff;
    font-size: 15px;
    color: #0f1f39;
    line-height: 1.7;
    resize: vertical;
    font-family: inherit;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.commentForm__textareaWrapper textarea::placeholder {
    color: rgba(15, 41, 70, 0.5);
}

.commentForm__textareaWrapper textarea:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.6);
    background: #ffffff;
}

.commentForm__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.commentForm__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 32px;
    background: linear-gradient(135deg, #2a97fc 0%, #1d7fd8 100%);
    color: #ffffff;
    border: none;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.commentForm__submit:hover {
    background: linear-gradient(135deg, #1d7fd8 0%, #1769c4 100%);
    transform: translateY(-2px);
}

.commentForm__submit:active {
    transform: translateY(0);
}

.commentForm__submit svg {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.commentForm__submit:hover svg {
    transform: translateX(-2px);
}

.commentForm__submit span {
    display: inline-block;
}

/* Responsive Design */
@media (max-width: 992px) {
    .commentFormWrapper {
        padding: 24px;
        border-radius: 20px;
    }
    
    .commentForm__fields {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .commentFormUser__meta {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .commentFormWrapper {
        padding: 20px;
        border-radius: 18px;
    }
    
    .commentFormUser {
        gap: 12px;
    }
    
    .commentFormUser__avatar img {
        width: 40px;
        height: 40px;
    }
    
    .commentFormUser__name {
        font-size: 16px;
    }
    
    .commentForm__textareaWrapper textarea {
        min-height: 140px;
        padding: 16px;
        font-size: 14px;
    }
    
    .commentForm__submit {
        width: 100%;
        padding: 12px 24px;
    }
    
    .commentFormUser__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .commentFormUser__separator {
        display: none;
    }
}

/* Legacy support for old classes */
.cm-bd {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 24px;
    padding: 32px;
    margin-top: 32px;
}

.didgah-u {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #0f1f39;
}

.didgah-u a {
    font-size: 18px;
    font-weight: 700;
    color: #0f1f39;
    text-decoration: none;
}
#pagen {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row-reverse;
    direction: ltr;
    gap: 8px;
}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.extend,
.wp-pagenavi span.pages,
.wp-pagenavi a:active,
.wp-pagenavi a:visited {
    color: #5d7087;
    font-size: 13px;
    padding: 10px 16px;
    border-radius: 12px;
    border: 1px solid rgba(35, 69, 94, 0.14);
    font-family: vazirmatn;
    font-weight: 500;
    text-decoration: none;
    margin-inline: 4px;
    background: #ffffff;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease,  0.2s ease;
    display: inline-flex;
    align-items: center;
}

a.previouspostslink {
    color: #23455e !important;
}

a.nextpostslink {
    color: #23455e !important;
}

.wp-pagenavi a:hover {
    color: #2a97fc !important;
    border-color: rgba(42, 151, 252, 0.4);
    background: rgba(42, 151, 252, 0.1);
}

.wp-pagenavi span.current {
    background: #2a97fc !important;
    color: #ffffff !important;
    border: 1px solid #2a97fc !important;
    border-radius: 12px;
    width: auto;
    height: auto;
    padding: 10px 16px;
    font-size: 13px;
    font-family: vazirmatn;
    font-weight: 600 !important;
}

span.pages {
    display: none;
}
a.login {
    padding-top: 15px;
    display: block;
    font-size: 13px;
    text-align: left;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-decoration: none;
    color: #000;
}

a.login svg {
    width: 20px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

a.login:hover svg {
    fill: #007bff;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.profileBg {
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 1000;
    text-align: left;
    display: none;
    top: 55px;
    right: 0;
    border-radius: 15px;
    padding-bottom: 10px;
}

.profileBg ul {
    margin: 0px;
    padding: 0px;
}

.profileBg ul li {
    display: block;
    text-align: left;
    padding: 8px 20px 0px;
}

.profileBg ul li a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
}
.loginAjax {
    position: relative;
}

/* RCP Login Link Text - Box Style */
.rcp_login_link,
.rcp_login_notice_box {
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: left;
    padding: 12px 24px 20px 24px;
    background: #F5F5F7;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 18px;
    direction: ltr;
}

.rcp_login_link p,
.rcp_login_notice_box p {
    font-family: 'vazir', sans-serif;
    margin: 0;
    line-height: 1.7;
}

.rcp_login_notice_title {
    font-size: 15px;
    font-weight: 700;
    color: #0f1f39;
    margin-bottom: 8px !important;
}

.rcp_login_notice_text {
    font-size: 14px;
    color: #23455e;
    margin: 0 !important;
}

.rcp_login_link p {
    color: #23455e;
    font-size: 14px;
}

.rcp_login_link p a,
.rcp_login_notice_text a {
    color: #2a97fc;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.rcp_login_link p a:hover,
.rcp_login_notice_text a:hover {
    color: #1d7fd8;
    text-decoration: underline;
}

#rcp_user_login_wrap label,
#rcp_user_email_wrap label,
#rcp_user_first_wrap label,
#rcp_user_last_wrap label,
#rcp_password_wrap label,
#rcp_password_again_wrap label {
    font-family: 'vazir', sans-serif;
    color: #0f1f39;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
}

input#rcp_user_login,
input#rcp_user_email,
input#rcp_user_first,
input#rcp_user_last,
input#rcp_password,
input#rcp_password_again {
    width: 100%;
    height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 14px;
    background: #fff;
    font-family: 'vazir', sans-serif;
    font-size: 14px;
    color: #0f1f39;
    outline: none;
    margin-top: 8px;
    transition: border-color 0.2s ease;
}

input#rcp_user_login:focus,
input#rcp_user_email:focus,
input#rcp_user_first:focus,
input#rcp_user_last:focus,
input#rcp_password:focus,
input#rcp_password_again:focus {
    outline: none;
    border-color: rgba(42, 151, 252, 0.5);
}

li.rcp_subscription_level input[type="radio"]:checked~* {
    background: #22b573;
}

li.rcp_subscription_level input[type="radio"]:checked~* span.rcp_subscription_level_name {
    color: #fafafa;
}

li.rcp_subscription_level input[type="radio"]:checked~* span.rcp_price {
    color: #fafafa;
}

li.rcp_subscription_level input[type="radio"]:checked~* span.rcp_level_duration {
    color: #fafafa;
}

/* Old RCP error styles - overridden by new styles above */
.rcp_message.error {
    line-height: 25px;
    margin: 0px 0px 70px;
    background: #f6f6f6;
    text-align: left;
}

/* Override with new styles */
.singlePage--subscription .rcp_message.error p,
.bodySingle--subscription .rcp_message.error p,
.sectionSingle--subscription .rcp_message.error p,
.rcp_message.error p {
    padding: 0 !important;
    border-bottom: none !important;
    margin: 0 !important;
}

.singlePage--subscription .rcp_message.error p span,
.bodySingle--subscription .rcp_message.error p span,
.sectionSingle--subscription .rcp_message.error p span,
.rcp_message.error p span {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    color: #f81515 !important;
}

#rcp_discount_code_wrap label {
    color: #666666;
    padding-right: 20px;
    font-size: 13px;
    opacity: 0.8;
    width: 100%;
    margin-top: 15px;
}

input#rcp_discount_code {
    margin: 10px 0px;
    height: 45px;
    border-radius: 35px;
    border: 1px solid #00000021;
    padding: 10px;
    padding-right: 20px;
    width: 30%;
}

button#rcp_apply_discount {
    background: #34495e;
    border: none;
    width: 10%;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    margin: 15px 0px;
    font-size: 12px;
}

.rcp_message.error p span a {
    color: #0167b9;
    font-weight: bold;
    border-bottom: 1px dashed #0167b9;
}

p#rcp_user_first_wrap,
p#rcp_user_login_wrap,
p#rcp_user_last_wrap {
    display: none;
}

p#rcp_user_email_wrap {
    width: 100% !important;
    float: right;
}

.rcp_registration_total {
    display: none;
}

li.tml-register-link {
    display: none;
}

li.rcp_subscription_level.rcp_subscription_level_ {
    display: none;
}

h3.rcp_header {
    display: none;
}

p.rcp_subscription_message {
    display: none;
}

li.rcp_subscription_level label {
    -webkit-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 15px !important;
    width: 100% !important;
    text-align: center !important;
}

li.rcp_subscription_level {
    margin: 21px 16px !important;
    float: right;
    width: 45%;
    padding-right: 40px;
}

li.rcp_subscription_level.rcp_subscription_level_1 {
    display: none;
}

li.rcp_subscription_level.rcp_subscription_level_3 {
    display: none;
}

li.rcp_subscription_level label span {
    width: 100%;
    display: block;
}

#rcp-membership-new-signup-notice p {
    display: none;
}

form#rcp_registration_form {
    width: 100%;
    margin: 0px 0px 50px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    /*position: absolute;*/
    /*left: -9999px;*/
    visibility: hidden;
    display: none;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-right: 0px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    width: 160px;
    height: 200px;
    border-radius: 25px;
    padding-top: 20px;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    right: 8px;
    top: 22px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
    visibility: hidden;
    display: none;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #42A1EC;
    position: absolute;
    top: 25px;
    right: 11px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    visibility: hidden;
    display: none;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

input#rcp_submit {
    background: #2997ff;
    border: none;
    width: 100%;
    border-radius: 15px;
    color: #fff;
    padding: 10px;
    margin: 15px 0px;
    font-size: 16px;
    font-family: vazir;
}

span.rcp_price {
    text-align: left;
    display: block;
    color: #22b573;
    font-family: vazirFA;
    font-size: 18px;
}

span.rcp_level_duration {
    display: block;
    text-align: left;
    font-family: vazirFA;
    padding: 5px 0px;
    font-size: 16px;
    color: #818181;
}

ul#rcp_subscription_levels {
    text-align: left;
    margin: 0 auto;
    width: 100%;
}

span.rcp_separator {
    visibility: hidden;
}

span.rcp_subscription_level_name {
    width: 100%;
    position: relative;
    display: inherit;
    text-align: left;
    font-size: 20px;
    padding-bottom: 15px;
    padding-top: 20px;
    font-family: vazir;
}

.warning {
    background: #c0392b;
    text-align: left;
    padding: 20px;
    position: fixed;
    width: 100%;
    z-index: 999;
    bottom: 0;
}

.warning span {
    border-bottom: 2px dashed #fff;
}


/*li.rcp_subscription_level {*/
/*    list-style-type: none !important;*/
/*}*/
.tab {
    overflow: hidden;
    text-align: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

.tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    -webkit-: 0px 0px 20px 0px rgb(0 0 0 / 7%);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 25px;
    width: 30%;
    margin-right: 15px;
    margin-left: 15px;
    font-family: 'vazir';
    padding: 30px;
    font-weight: 300;
}

.tab button span {
    margin-top: 20px;
    display: block;
    color: #22b473;
    font-weight: 400;
}

.tab button:hover {
    /* background-color: #ddd; */
}

.tab button.active {
    background-color: #22B573;
    color: #fff;
}

.tab button.active span {
    color: #fff !important;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tab ul {
    margin: 0px;
    padding: 0px;
}

.tab ul li {
    display: inline-block;
}

.tab ul li {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    /* padding: 14px 16px; */
    transition: 0.3s;
    font-size: 17px;
    -webkit-: 0px 0px 20px 0px rgb(0 0 0 / 7%);
    -moz-: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 25px;
    width: 30%;
    margin-right: 15px;
    margin-left: 15px;
    font-family: 'vazir';
    /* padding: 30px; */
    font-weight: 300;
}

.tab ul li a {
    display: block;
    padding: 14px 16px;
    padding: 30px;
}

.tab ul li a span {
    margin-top: 20px;
    display: block;
    color: #22b473;
    font-weight: 400;
}

.tab ul li:hover {
    background-color: #22B573;
    color: #fff;
}

.tab ul li:hover a span {
    color: #fff;
}

.tab ul li:hover a {
    color: #fff;
}
.modal.info img {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 20px;
}

.modal.info {
    text-align: left;
}

.modal.info h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.modal.info p {
    font-size: 13px;
    text-align: left;
    font-weight: 300;
    line-height: 25px;
    text-align: justify;
}
.modal.info a {
    background: #24465e;
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
}
.modal-body a {
    color: #2f7fcd;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    direction: ltr;
    text-align: left;
    margin-bottom: 30px;
    width: 100%;
}

.modal-body a small {
    float: left;
}
@media (max-width: 425px) {
    .logo {
        text-align: left;
    }

    a.logReg.login {
        text-align: left;
        margin-top: 28px;
    }

    .searchTitle h1,
    .searchTitle__text {
        font-size: 18px;
    }

    .search form input {
        font-size: 12px;
    }

    .support_top_number {
        font-size: 10px;
        padding-top: 6px;
    }

    .nav_up_top ul li a {
        font-size: 10px;
    }

    .categoryApps .title h1 {
        font-size: 17px;
    }

    .characMac img {
        width: 100%;
        height: auto !important;
    }

    .boxMacOS h1 {
        font-size: 17px;
    }

    .boxMacOS h2 {
        font-size: 13px;
    }

    .boxMacOS {
        padding: 24px;
        height: 100px;
    }

    .sectionTitle h1,.sectionTitle h2 {
        font-size: 18px;
    }

    .boxData .img img {height: 60px;}

    .boxData .img {
        width: 60px;
    }

    .boxData .img a {
        width: 60px !important;
    }

    .boxData .title h2 {
        font-size: 15px;
    }

    .boxData .title span {padding: 3px;position: relative;}

    .boxData .desc {
        margin-top: 5px;
    }

    .boxData a {
        font-size: 12px;
    }

    a.moreData {
        font-size: 15px;
        padding: 10px;
        margin-top: 15px;
    }

    .footerCopyRight {
        text-align: left;
        width: 100%;
    }

    .footerNav {
        text-align: left;
    }
    .vipInstallApp .title h1 {
        font-size: 18px;
    }

    .vipInstallApp .desc {
        font-size: 13px;
    }

    a.sendReq {
        font-size: 15px;
        padding: 10px;
    }

    a.callSupp {
        font-size: 15px;
        padding: 10px;
    }
    li.rcp_subscription_level {
        width: 40% !important;
    }
}
@media (max-width: 767px) {
    .d-none-low{
        display:none !important;
    }
    .mainNav {
        display: none;
    }

    .bgSearch {
        padding: 50px 0px 160px;
    }

    .imgCat {
        width: 70% !important;
        margin: 0 auto;
    }

    .imgCat svg {
        width: 100%;
    }

    .titleCat {
        margin-top: 0px;
        font-size: 12px;
    }

    .boxVideo {
        margin-bottom: 20px;
    }
    .listofVersions ul li a {
        display: inline-flex;
        width: 100%;
        justify-content: center;
    }
    li.rcp_subscription_level {
        padding: 0px !important;
        width: 42% !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .mainNav ul li a,.mainNav ul li a h1 {
        font-size: 13px;
    }

    .mainNav ul li {
        padding: 0px 10px;
    }

    .logo svg {
        width: 115%;
    }

    .characMac img {
        width: inherit;
        height: auto;
    }

    .characMac {
        width: 100%;
    }

    .boxCharac {
        height: 227px;
    }

    .boxMacOS {
        height: 105px;
        padding: 20px;
    }

    .boxMacOS h1 {
        font-size: 19px;
    }

    .boxMacOS h2 {
        font-size: 16px;
    }
    .listofVersions ul li a {
        display: inline-flex;
        width: 100%;
        justify-content: center;
    }
    li.rcp_subscription_level {
        width: 40%;
        padding: 0px;
    }
}

/* Header */
.site-header {
    margin-bottom: 24px;
    background: transparent;
}

.site-header__top {
    background: #F5F5F7;
    border-bottom: 1px solid #EBEBED;
    padding: 0;
    color: #23455e;
}

.site-header__top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    min-height: 44px;
}

.site-header__support {
    display: inline-flex;
    align-items: flex-end;
    gap: 8px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.7;
    color: #23455e;
    padding: 6px 0;
}

.site-header__support span {
    font-weight: 300;
}

.site-header__support a {
    color: inherit;
    font-weight: 400;
    text-decoration: none;
    direction: ltr;
    letter-spacing: 0.3px;
    border-bottom: 1px dashed currentColor;
    padding-bottom: 1px;
    margin-top: 2px;
    transition: opacity 0.2s ease;
}

.site-header__support a:hover,
.site-header__support a:focus {
    opacity: 0.7;
}

.site-header__top-nav {
    display: flex;
    align-items: center;
}

.site-header__top-list {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-header__top-item a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 300;
    color: #373D3F;
    padding: 0;
    border: none;
    background: transparent;
    line-height: 1.7;
    transition: color 0.2s ease, opacity 0.2s ease;
    text-decoration: none;
}

.site-header__top-item a:hover,
.site-header__top-item a:focus {
    color: #2a97fc;
}

.site-header__main {
    background: transparent;
    padding: 32px 0 20px 0;
    margin-top: 16px;
    position: relative;
    z-index: 1050;
    transition: padding 0.2s ease, backdrop-filter 0.2s ease, background-color 0.2s ease, border-color 0.2s ease,  0.2s ease;
    border-bottom: 1px solid transparent;
}

.site-header__main-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: nowrap;
}

.site-header__logo {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.site-header__logo-image {
    display: block;
    width: 160px;
    height: auto;
    max-width: 100%;
    transition: width 0.2s ease, height 0.2s ease, filter 0.2s ease;
}

.site-header__christmas-hat {
    position: absolute;
    right: -35px;
    top: -25px;
    width: 45px;
    height: auto;
    z-index: 10;
    transform: rotate(30deg);
    transition: width 0.2s ease, top 0.2s ease, right 0.2s ease, transform 0.2s ease;
    pointer-events: none;
}

@media (max-width: 577px) {
    .site-header__christmas-hat {
        display: none;
    }
}

.site-header__nav {
    display: flex;
    justify-content: flex-start;
    margin-inline-end: auto;
}

.site-header__nav-list {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-header__nav-link {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    font-size: 16px;
    font-weight: 300;
    color: #23455e;
    background: transparent;
    border-radius: 999px;
    border: none;
    line-height: 1.6;
    transition: color 0.2s ease, opacity 0.2s ease;
    text-decoration: none;
}

.site-header__nav-link:hover,
.site-header__nav-link:focus {
    color: #2a97fc;
}

.site-header__nav-link.is-active {
    color: #1D1D1F;
    font-weight: 600;
}

.site-header__actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px !important;
    margin-left: 0;
    overflow: visible !important;
    position: relative;
    z-index: 1000;
}

.site-header__actions > * + * {
    margin-left: 12px !important;
}

.site-header__actions:empty,
.site-header__actions:has(.loginAjax:empty) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.site-header__actions .loginAjax {
    position: relative;
    display: flex;
    align-items: center;
}

.site-header__actions .loginAjax:empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.site-header__actions .loginAjax:empty::before,
.site-header__actions .loginAjax:empty::after {
    display: none !important;
    content: none !important;
}

.accountMenu {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    z-index: 1000;
}

.accountMenu + .accountMenu__cta {
    margin-left: 12px !important;
}

.accountMenu__cta + .accountMenu {
    margin-left: 12px !important;
}

.accountMenu--guest {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.accountMenu__trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(35, 69, 94, 0.22);
    background: rgba(35, 69, 94, 0.06);
    color: #23455e;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer !important;
    transition: background 0.2s ease, border-color 0.2s ease,  0.2s ease;
    pointer-events: auto !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.accountMenu__trigger:hover,
.accountMenu__trigger:focus-visible,
.accountMenu.is-open .accountMenu__trigger {
    background: rgba(35, 69, 94, 0.12);
    border-color: rgba(35, 69, 94, 0.32);
    outline: none;
}

.accountMenu__label {
    white-space: nowrap;
}

.accountMenu__chevron {
    width: 14px;
    height: 14px;
    transition: transform 0.2s ease;
}

.accountMenu.is-open .accountMenu__chevron {
    transform: rotate(180deg);
}

.accountMenu__dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0px;
    min-width: 210px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(35, 69, 94, 0.08);
    padding: 10px 0;
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 9999 !important;
    overflow: visible !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.accountMenu.is-open .accountMenu__dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    visibility: visible;
}

.accountMenu__link {
    display: block;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #23455e;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accountMenu__link:hover,
.accountMenu__link:focus-visible {
    background: rgba(35, 69, 94, 0.08);
    color: #2a97fc;
    outline: none;
}

.accountMenu__link--logout {
    color: #c0362b;
}

.accountMenu__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease,  0.2s ease, color 0.2s ease;
    margin-left: 0 !important;
}

.accountMenu + .accountMenu__cta {
    margin-left: 12px !important;
}

.accountMenu__cta--login {
    border: 1px solid rgba(35, 69, 94, 0.24);
    background: transparent;
    color: #23455e;
}

.accountMenu__cta--login:hover,
.accountMenu__cta--login:focus-visible {
    background: rgba(35, 69, 94, 0.12);
    border-color: rgba(35, 69, 94, 0.32);
    color: #23455e;
    outline: none;
}

.accountMenu__cta--register {
    border: 1px solid #2997FC;
    background: #2997FC;
    color: #ffffff;
}

.accountMenu__cta--register:hover,
.accountMenu__cta--register:focus-visible {
    background: #1d7fd8;
    border-color: #1d7fd8;
    outline: none;
    color: #ffffff !important;
}

.profileBg {
    display: none;
}

.site-header__main.is-condensed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    background: rgba(245, 245, 247, 0.78);
    padding: 13px 0;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.site-header__main.is-condensed .site-header__logo-image {
    width: 48px;
    height: auto;
}

.site-header__main.is-condensed .site-header__christmas-hat {
    display: none;
}

.site-header__main.is-condensed .site-header__nav-list {
    gap: 8px;
}

.site-header__main.is-condensed .site-header__nav-link {
    font-size: 14px;
    padding: 5px 12px;
}

.site-header__main.is-condensed .site-header__actions,
.site-header__main.is-condensed .site-header__actions .loginAjax {
    align-items: center;
}

.site-header__main-placeholder {
    width: 100%;
    height: 0;
    transition: height 0.2s ease;
}

@media (max-width: 991.98px) {
    .site-header {
        margin-bottom: 24px;
    }

    .site-header__main {
        padding: 18px 0;
    }

    .site-header__nav-list {
        gap: 10px;
    }

    .site-header__nav-link {
        font-size: 13px;
        padding: 8px 14px;
    }
}

@media (max-width: 767.98px) {
    .site-header__main-inner {
        gap: 16px;
    }

    .site-header__actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .site-header__top-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .site-header__top-list {
        width: 100%;
        gap: 8px;
        flex-wrap: wrap;
    }

    .site-header__top-item a {
        width: 100%;
        justify-content: center;
    }
}

.bg_nav_top {
    background: #F5F5F7;
    width: 100%;
    padding: 32px 0;
    border: 1px solid #EBEBED;
    border-radius: 0;
    margin-top: 0 !important;
}
.bg_nav_top--spaced {
    margin-top: 80px !important;
}

.appPromo + .bg_nav_top--spaced {
    margin-top: 0 !important;
}


/* Search hero */
.bgSearch {
    width: 100%;
    background: #F5F5F7;
    padding: 80px 200px 70px;
}

.searchTitle {
    width: 100%;
    text-align: left;
}

.searchTitle h1,
.searchTitle h2,
.searchTitle__text {
    font-size: 24px;
    font-weight: 600;
    color: #23455e;
    padding-bottom: 15px;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    line-height: 1.2;
}

.search form input {
    width: 100%;
    height: 70px;
    border-radius: 18px;
    border: 1px solid #EBEBED;
    background: #FFFFFF;
    color: #373D3F;
    padding: 4px 20px 0 72px;
    font-size: 16px;
    font-weight: 400;
    transition: border-color 0.2s ease;
}

.searchTags {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
    align-items: center;
    direction: ltr;
    text-align: left;
}

.searchTags__label {
    font-size: 13px;
    font-weight: 500;
    color: #23455e;
    margin-right: 0;
    margin-left: 12px;
    text-align: left;
}

.searchTags__link {
    display: inline-flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 999px;
    background: #EBEBED;
    color: #23455e;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.searchTags__link:hover,
.searchTags__link:focus-visible {
    background: rgba(35, 69, 95, 0.12);
    color: #23455e;
    transform: translateY(-1px);
}

.search form input:focus {
    outline: none;
    border-color: #2997FC;
}

button.searchIcon {
    outline: none;
    background: none !important;
    position: absolute;
    top: 50%;
    left: 14px;
    right: auto;
    border: none !important;
    transition: transform 0.25s ease;
    margin: 0;
    transform: translateY(-50%);
}

button.searchIcon:hover,
button.searchIcon:focus-visible {
    transform: translateY(-50%) scale(1.05);
}

button.searchIcon svg,
button.searchIcon img {
    width: 40px;
}

@media (max-width: 1200px) {
    .bgSearch {
        padding: 72px 120px 60px;
    }
}

@media (max-width: 992px) {
    .bgSearch {
        padding: 56px 48px 48px;
    }
    .downloadShowcase__item {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .bgSearch {
        padding: 44px 24px 40px;
    }
    .searchTitle h1,
    .searchTitle h2,
    .searchTitle__text {
        font-size: 22px;
    }
    .search form input {
        height: 64px;
        padding: 4px 16px 0 64px;
        font-size: 15px;
    }
    button.searchIcon {
        left: 8px;
    }
    button.searchIcon svg,
    button.searchIcon img {
        width: 32px;
    }
    .downloadShowcase__links {
        align-items: stretch;
    }
    .downloadShowcase__item {
        padding: 16px 18px;
    }
}

@media (max-width: 576px) {
    .accountMenu__dropdown {
        min-width: 150px !important;
        max-width: calc(100vw - 28px) !important;
        padding: 7px 0 !important;
    }
    
    .accountMenu__link {
        padding: 7px 14px !important;
        font-size: 12.5px !important;
    }
    
    /* استایل‌های 425px */
    .logo {
        text-align: left;
    }

    a.logReg.login {
        text-align: left;
        margin-top: 28px;
    }

    .searchTitle h1,
    .searchTitle__text {
        font-size: 18px;
    }

    .search form input {
        font-size: 12px;
    }

    .support_top_number {
        font-size: 10px;
        padding-top: 6px;
    }

    .nav_up_top ul li a {
        font-size: 10px;
    }

    .categoryApps .title h1 {
        font-size: 17px;
    }

    .characMac img {
        width: 100%;
        height: auto !important;
    }

    .boxMacOS h1 {
        font-size: 17px;
    }

    .boxMacOS h2 {
        font-size: 13px;
    }

    .boxMacOS {
        padding: 24px;
        height: 100px;
    }

    .sectionTitle h1,.sectionTitle h2 {
        font-size: 18px;
    }

    .boxData .img img {height: 60px;}

    .boxData .img {
        width: 60px;
    }

    .boxData .img a {
        width: 60px !important;
    }

    .boxData .title h2 {
        font-size: 15px;
    }

    .boxData .title span {padding: 3px;position: relative;}

    .boxData .desc {
        margin-top: 5px;
    }

    .boxData a {
        font-size: 12px;
    }

    a.moreData {
        font-size: 15px;
        padding: 10px;
        margin-top: 15px;
    }

    .footerCopyRight {
        text-align: left;
        width: 100%;
    }

    .footerNav {
        text-align: left;
    }
    .vipInstallApp .title h1 {
        font-size: 18px;
    }

    .vipInstallApp .desc {
        font-size: 13px;
    }

    a.sendReq {
        font-size: 15px;
        padding: 10px;
    }

    a.callSupp {
        font-size: 15px;
        padding: 10px;
    }
    li.rcp_subscription_level {
        width: 40% !important;
    }
    
    /* استایل‌های header از 425px */
    .site-header__top {
        display: block !important;
    }
    
    .site-header__top-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }
    
    .site-header__support {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        order: 1 !important;
        margin-left: auto !important;
    }
    
    .site-header__top-nav {
        display: flex !important;
        order: 2 !important;
    }
    
    .site-header__top-list {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }
    
    .site-header__top-item a {
        width: auto !important;
        justify-content: flex-start !important;
        font-size: 11px !important;
    }
    
    .site-header__main-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
    }
    
    .site-header__logo {
        order: 1 !important;
        margin: 0 auto !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .site-header__logo-image {
        width: 160px !important;
        height: auto !important;
        max-width: 100% !important;
        transition: none !important;
    }
    
    .site-header__christmas-hat {
        display: none !important;
    }
    
    .site-header__main.is-condensed {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        transition: none !important;
        padding: 20px 0 !important;
    }
    
    .site-header__main.is-condensed .site-header__logo-image {
        width: 45px !important;
        height: auto !important;
        max-width: 100% !important;
        transition: none !important;
    }
    
    .site-header__main.is-condensed .site-header__main-inner {
        transition: none !important;
        gap: 12px !important;
    }
    
    .site-header__main.is-condensed .site-header__logo {
        transition: none !important;
    }
    
    .site-header__main.is-condensed .site-header__menu-toggle {
        transition: none !important;
        margin: 12px 0 !important;
    }
    
    .site-header__main.is-condensed .site-header__actions {
        transition: none !important;
    }
    
    .site-header__menu-toggle {
        order: 2 !important;
        margin: 12px 0 !important;
        transition: none !important;
    }
    
    .site-header__actions {
        order: 3 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        margin: 0 !important;
        width: 100% !important;
        transition: none !important;
    }
    
    .accountMenu__cta {
        min-width: auto !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 8px 20px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
    }
    
    .accountMenu__cta--register,
    .accountMenu__cta--login {
        min-width: auto !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 8px 20px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
    }
    
    .site-header__mobile {
        order: 4 !important;
        position: absolute !important;
        top: calc(100% + 8px) !important;
        width: 100% !important;
    }
    
    .site-header__nav {
        display: none !important;
    }
    
    .bgSearch {
        padding: 28px 14px 32px;
    }
    .searchTitle {
        text-align: center;
    }
    .search form input {
        height: 56px;
        padding: 2px 52px 0 12px;
    }
    button.searchIcon {
        right: auto !important;
        left: 8px !important;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }
    
    .site-header__searchForm.search,
    .site-header__searchForm {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0 !important;
        justify-content: flex-start !important;
    }
    
    .site-header__searchInput.search,
    .site-header__searchInput {
        padding: 0 12px 0 40px !important;
        order: 2 !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        text-align: left !important;
    }
    
    .site-header__searchButton,
    button.site-header__searchButton,
    .site-header__searchForm button,
    .site-header__searchForm .site-header__searchButton {
        position: absolute !important;
        left: 8px !important;
    }
    
    .searchTags__link {
        padding: 6px 8px;
    }
    
    /* استایل‌های اضافی از media query دوم 425px */
    .site-header__mobile {
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .site-header__mobile-nav {
        overflow-x: hidden;
        width: 100%;
    }
    
    .site-header__mobile-nav-list {
        overflow-x: hidden;
        width: 100%;
    }
    
    .site-header__mobile-nav-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
    .downloadShowcase__content {
        text-align: center;
        align-items: center;
    }
    .downloadShowcase__links {
        width: 100%;
    }
}

.slide .a-full-box {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.slide > .imgCat,
.slide > .titleCat {
    position: relative;
    z-index: 3;
    pointer-events: none;
}

.downloadShowcase {
    margin-top: 52px;
}

.downloadShowcase__surface {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "intro intro"
        "links visual";
    align-items: stretch;
    gap: 18px;
    padding: 18px 26px 0 26px;
    height: 470px;
    border-radius: 28px;
    background: rgba(245, 248, 255, 0.55);
    border: 1px solid rgba(18, 41, 70, 0.08);
    backdrop-filter: blur(18px);
}

.downloadShowcase__content {
    grid-area: intro;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.downloadShowcase__title,
h1.downloadShowcase__title {
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    color: #23455e;
    line-height: 1.4;
    padding-top: 15px;
    padding-bottom: 5px;
}

.downloadShowcase__subtitle {
    margin: 0 auto;
    max-width: 520px;
    font-size: 15px;
    color: rgba(15, 41, 70, 0.72);
    line-height: 1.7;
    padding-bottom: 20px;
}

.downloadShowcase__links {
    grid-area: links;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    min-height: 0;
    height: 100%;
    text-align: left;
    align-items: flex-start;
}

.downloadShowcase__item {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 22px;
    border-radius: 20px;
    border: 1px solid rgba(18, 41, 70, 0.06);
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(20px);
    transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
    text-decoration: none;
    text-align: left;
    align-items: flex-start;
    min-width: 350px;
}

@media (max-width: 575px) {
    .downloadShowcase__item {
        min-width: auto;
        width: 100%;
        padding: 14px 16px;
        border-radius: 16px;
    }
    
    .downloadShowcase__item-title {
        font-size: 14px !important;
    }
    
    .downloadShowcase__item-desc {
        font-size: 12px !important;
    }
}

/* Narrow band 475px → 425px : tighten download boxes */
@media (max-width: 475px) and (min-width: 426px) {
    .downloadShowcase {
        margin-top: 28px;
    }
    
    .downloadShowcase__surface {
        padding: 16px 12px 6px 12px !important;
        gap: 12px !important;
        border-radius: 20px !important;
    }
    
    .downloadShowcase__visual img {
        max-width: 210px !important;
    }
    
    .downloadShowcase__links {
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    .downloadShowcase__item {
        min-width: auto !important;
        width: 100% !important;
        padding: 12px 14px !important;
        border-radius: 14px !important;
    }
    
    .downloadShowcase__item-title {
        font-size: 13px !important;
    }
    
    .downloadShowcase__item-desc {
        font-size: 11px !important;
    }
}

@media (max-width: 375px) {
    .downloadShowcase {
        margin-top: 32px;
    }
    
    .downloadShowcase__surface {
        padding: 16px 10px 0 10px !important;
        gap: 10px !important;
        border-radius: 20px;
    }
    
    .downloadShowcase__title {
        font-size: 18px !important;
        padding-top: 10px !important;
        padding-bottom: 3px !important;
    }
    
    .downloadShowcase__subtitle {
        font-size: 12px !important;
        padding-bottom: 12px !important;
    }
    
    .downloadShowcase__visual img {
        max-width: 180px !important;
    }
    
    .downloadShowcase__links {
        gap: 10px !important;
    }
    
    .downloadShowcase__item {
        min-width: auto !important;
        width: 100% !important;
        padding: 10px 12px !important;
        border-radius: 12px !important;
    }
    
    .downloadShowcase__item-title {
        font-size: 12px !important;
        margin-bottom: 3px !important;
    }
    
    .downloadShowcase__item-desc {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }
    
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.downloadShowcase__item:hover,
.downloadShowcase__item:focus-visible {
    border-color: rgba(29, 127, 216, 0.28);
    background: rgba(255, 255, 255, 0.8);
    transform: translateY(-2px);
}

.downloadShowcase__item-title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #23455e;
    margin-bottom: 6px;
    word-break: break-word;
}

.downloadShowcase__item-desc {
    display: block;
    font-size: 13px;
    color: rgba(15, 41, 70, 0.7);
    line-height: 1.6;
    word-break: break-word;
}

.downloadShowcase__visual {
    grid-area: visual;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    min-height: 0;
}

.downloadShowcase__visual img {
    max-width: 100%;
    height: 100%;
    width: auto;
    object-fit: contain;
}

@media (max-width: 992px) {
    .downloadShowcase__surface {
        gap: 28px;
        padding: 30px 28px;
        height: auto;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "intro"
            "visual"
            "links";
    }
    .downloadShowcase__visual {
        justify-content: center;
        align-items: center;
        min-height: 0;
        height: auto;
    }
    .downloadShowcase__visual img {
        max-width: 360px;
    }
    .downloadShowcase__links {
        gap: 16px;
        height: auto;
    }
}

@media (max-width: 768px) {
    .downloadShowcase {
        margin-top: 64px;
    }
    .downloadShowcase__surface {
        padding: 26px 22px 0 22px;
        height: auto;
    }
    .downloadShowcase__visual img {
        max-width: 280px;
    }
}

/* App Promo Section */
.appPromo {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 56px;
    background: linear-gradient(135deg, #152d49 0%, #23455e 100%);
    position: relative;
    overflow: hidden;
}

.appPromo__inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 72px 32px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.appPromo__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    max-width: 800px;
}

.appPromo__title {
    margin: 0;
    font-size: 36px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.appPromo__logo {
    width: 44px;
    height: auto;
}

.appPromo__desc {
    margin: 0;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.8;
}

.appPromo__features {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 12px;
    margin-top: 8px;
}

.appPromo__feature {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.appPromo__feature:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.18);
    transform: translateY(-2px);
}

.appPromo__feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    color: #ffffff;
    flex-shrink: 0;
}

.appPromo__feature-icon svg {
    width: 20px;
    height: 20px;
}

.appPromo__feature-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

.appPromo__feature-title {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.appPromo__feature-desc {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
}

.appPromo__download-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 32px;
}

.appPromo__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    color: #23455e;
    background: #EBEBED;
    border: none;
    border-radius: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.appPromo__version {
    display: inline-block;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.1);
    padding: 4px 12px;
    border-radius: 20px;
    margin-top: 4px;
}

.appPromo__btn:hover {
    background: rgba(235, 235, 237, 0.9);
    color: #2a97fc;
    transform: translateY(-1px);
}

.appPromo__btn svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.appPromo__slider {
    width: 100%;
    max-width: 1100px;
    position: relative;
    height: 420px;
    overflow: visible;
}

.appPromo__slides {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.appPromo__slide {
    position: absolute;
    width: 55%;
    max-width: 600px;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: scale(0.7);
    z-index: 1;
}

.appPromo__slide img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

.appPromo__slide--active {
    opacity: 1;
    transform: scale(1) translateX(0);
    z-index: 3;
    filter: none;
}

.appPromo__slide--prev {
    opacity: 0.5;
    transform: scale(0.75) translateX(85%);
    z-index: 2;
    filter: blur(3px);
}

.appPromo__slide--next {
    opacity: 0.5;
    transform: scale(0.75) translateX(-85%);
    z-index: 2;
    filter: blur(3px);
}

@media (max-width: 992px) {
    .appPromo {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 40px;
    }
    
    .appPromo__inner {
        padding: 56px 24px 12px;
        gap: 16px;
    }
    
    .appPromo__title {
        font-size: 28px;
    }
    
    .appPromo__desc {
        font-size: 14px;
    }
    
    .appPromo__features {
        gap: 10px;
    }
    
    .appPromo__feature {
        padding: 10px 14px;
    }
    
    .appPromo__feature-icon {
        width: 36px;
        height: 36px;
    }
    
    .appPromo__feature-icon svg {
        width: 18px;
        height: 18px;
    }
    
    .appPromo__slider {
        height: 320px;
    }
    
    .appPromo__slide {
        width: 60%;
    }
    
    .appPromo__slide--prev {
        transform: scale(0.7) translateX(75%);
    }
    
    .appPromo__slide--next {
        transform: scale(0.7) translateX(-75%);
    }
}

@media (max-width: 576px) {
    .appPromo {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 32px;
    }
    
    .appPromo__inner {
        padding: 44px 16px 10px;
        gap: 14px;
    }
    
    .appPromo__title {
        font-size: 24px;
    }
    
    .appPromo__desc {
        font-size: 13px;
        line-height: 1.7;
    }
    
    .appPromo__features {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .appPromo__feature {
        padding: 10px 16px;
    }
    
    .appPromo__btn {
        padding: 14px 32px;
        font-size: 15px;
    }
    
    .appPromo__feature-icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }
    
    .appPromo__feature-title {
        font-size: 13px;
    }
    
    .appPromo__feature-desc {
        font-size: 11px;
    }
    
    .appPromo__feature {
        white-space: normal;
        padding: 10px 14px;
    }
    
    .appPromo__btn {
        padding: 14px 28px;
        font-size: 14px;
    }
    
    .appPromo__slider {
        height: 220px;
    }
    
    .appPromo__slide {
        width: 75%;
    }
    
    .appPromo__slide img {
        border-radius: 8px;
    }
    
    .appPromo__slide--prev {
        transform: scale(0.65) translateX(60%);
        opacity: 0.4;
    }
    
    .appPromo__slide--next {
        transform: scale(0.65) translateX(-60%);
        opacity: 0.4;
    }
}

.latestApps {
    margin-top: 20px;
}

.latestApps--games {
    margin-top: 56px;
}

.latestApps__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    gap: 16px;
}

.latestApps__heading {
    max-width: 640px;
    margin: 0 auto;
    text-align: left;
}

.latestApps__title {
    margin: 0 0 8px;
    font-size: 25px;
    font-weight: 700;
    color: #23455e;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .latestApps__title {
        background: linear-gradient(90deg, #4e86b0, #23455f);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        text-align:center;
    }
}

/* Comments title - Same style as latestApps__title */
.comments-title {
    margin: 0 0 8px !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    background: linear-gradient(90deg, #7bb8e0 0%, #0f2a3d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-align: center;
}

.latestApps__subtitle {
    margin: 0;
    font-size: 13px;
    color: rgba(15, 41, 70, 0.72);
    line-height: 1.7;
    text-align: left;
}

.latestApps__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 999px;
    border: 1px solid rgb(55, 61, 63);
    background: transparent;
    color: rgb(55, 61, 63);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.latestApps__more:hover,
.latestApps__more:focus-visible {
    background: rgba(55, 61, 63, 0.08);
    color: rgb(55, 61, 63);
}

.latestApps__grid {
    margin-top: 40px;
}

.latestApps__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.latestApps__list-item {
    width: 100%;
}

.latestApps__list-item + .latestApps__list-item {
    margin-top: 24px;
}

@supports (gap: 24px) {
    .latestApps__list-item + .latestApps__list-item {
        margin-top: 0;
    }
}

.latestApps__card--tutorial {
    width: 100%;
}

.latestApps__cta--tutorial {
    justify-content: center;
    text-align: center;
}

.latestApps__footer {
    margin-top: 28px;
    display: flex;
    justify-content: center;
}

.latestApps__card {
    display: grid;
    grid-template-columns: 92px 1fr;
    column-gap: 20px;
    row-gap: 16px;
    width: 100%;
    padding: 22px 24px;
    border-radius: 24px;
    border: none;
    background: #F5F5F7;
    transition: border-color 0.2s ease, transform 0.2s ease;
    height: 100%;
}

.latestApps__card:hover,
.latestApps__card:focus-within {
    transform: translateY(-4px);
}

.latestApps__thumb {
    grid-row: 1;
    width: 92px;
    height: 92px;
    border-radius: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.latestApps__thumb-link {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}

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

.latestApps__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
}

.latestApps__top {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.latestApps__app-title {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
}

.latestApps__app-title a {
    color: #0F1F39;
    text-decoration: none;
}

.latestApps__app-title a:hover,
.latestApps__app-title a:focus-visible {
    color: #2a97fc;
}

.latestApps__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.latestApps__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #2997FC;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
}

.latestApps__date {
    font-size: 12px;
    color: rgba(15, 41, 70, 0.6);
}

.latestApps__excerpt {
    margin: 0;
    font-size: 13px;
    color: rgba(15, 41, 70, 0.76);
    line-height: 1.7;
}

.latestApps__cta {
    grid-column: 1 / -1;

    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 16px;
    background: #EBEBED;
    color: #23455e;
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s ease, transform 0.2s ease;
}

.latestApps__cta:hover,
.latestApps__cta:focus-visible {
    background: rgba(235, 235, 237, 0.85);
    color: #2a97fc;
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .searchTags {
        justify-content: flex-start;
        gap: 10px;
    }
    .searchTags__label {
        width: 100%;
        text-align: center;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .latestApps {
        margin-top: 48px;
    }
    .latestApps--games {
        margin-top: 56px;
    }
    .latestApps__header {
        align-items: center;
    }
    .latestApps__more {
        align-self: center;
    }
    .latestApps__card {
        padding: 18px 20px;
        flex-direction: column;
    }
    .latestApps__thumb {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 640px) {
    .latestApps__card {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        row-gap: 18px;
        padding: 18px 18px;
    }
    .latestApps__thumb {
        width: 72px;
        height: 72px;
        margin: 0;
    }
    .latestApps__body {
        align-items: flex-start;
    }
    .latestApps__meta {
        justify-content: flex-start;
    }
    .latestApps__cta {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .latestApps__title {
        font-size: 22px;
    }
    .latestApps__app-title {
        font-size: 16px;
    }
    .latestApps__excerpt {
        font-size: 12px;
    }
}

@media (max-width: 640px) {
    .mediaShowcase__card {
        padding: 16px;
    }
}

@media (max-width: 480px) {
    .mediaShowcase__title {
        font-size: 20px;
    }
    .mediaShowcase__item-title {
        font-size: 14px;
    }
}


.mediaShowcase {
    padding: 32px 0;
}

.mediaShowcase + .mediaShowcase {
    margin-top: 48px;
}

.mediaShowcase__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    gap: 14px;
    margin-bottom: 28px;
}

.mediaShowcase__title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #0F1F39;
    text-align: left;
}

.mediaShowcase__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border-radius: 999px;
    border: 1px solid rgb(55, 61, 63);
    background: transparent;
    color: rgb(55, 61, 63);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.mediaShowcase__more:hover,
.mediaShowcase__more:focus-visible {
    background: rgba(55, 61, 63, 0.08);
    color: rgb(55, 61, 63);
}

.mediaShowcase__grid {
    margin: 0;
}

.mediaShowcase__footer {
    margin-top: 28px;
    display: flex;
    justify-content: center;
}

.mediaShowcase__card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 18px;
    border: 1px solid rgba(18, 41, 70, 0.08);
    background: rgba(255, 255, 255, 0.82);
    height: 100%;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.mediaShowcase__card:hover,
.mediaShowcase__card:focus-within {
    border-color: rgba(29, 127, 216, 0.3);
    transform: translateY(-3px);
}

.mediaShowcase__thumb {
    position: relative;
    padding-top: 60%;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(29, 127, 216, 0.12);
}

.mediaShowcase__thumb-link {
    position: absolute;
    inset: 0;
    display: block;
}

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

.mediaShowcase__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mediaShowcase__item-title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #0F1F39;
}

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

.mediaShowcase__item-title a:hover,
.mediaShowcase__item-title a:focus-visible {
    color: #2a97fc;
}

@media (max-width: 768px) {
    .mediaShowcase {
        padding: 24px 0;
    }
    .mediaShowcase__header {
        align-items: center;
    }
    .mediaShowcase__footer {
        margin-top: 24px;
    }
}

.mediaShowcase--alt .mediaShowcase__card {
    background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 991px) {
    .site-header__top-list {
        width: 100%;
        gap: 8px;
        flex-wrap: wrap;
    }

    .site-header__top-item a {
        width: 100%;
        justify-content: center;
    }

    .accountMenu__greeting {
        display: none;
    }

    .accountMenu__trigger {
        padding: 6px 14px;
        font-size: 12px;
    }

    .accountMenu__label {
        font-size: 12px;
    }
}

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.site-header__menu-toggle {
    display: none;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(35, 69, 94, 0.2);
    background: rgba(35, 69, 94, 0.08);
    color: #23455e;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.2s ease;
    pointer-events: auto !important;
    z-index: 1001;
    -webkit-tap-highlight-color: transparent;
}

.site-header__menu-toggle:hover,
.site-header__menu-toggle:focus-visible {
    background: rgba(35, 69, 94, 0.12);
    border-color: rgba(35, 69, 94, 0.3);
    outline: none;
}

.site-header__menu-toggle:hover span,
.site-header__menu-toggle:focus-visible span {
    background: #2a97fc;
}

.site-header__menu-toggle.is-open {
    background: rgba(42, 151, 252, 0.12);
    border-color: rgba(42, 151, 252, 0.3);
}

.site-header__menu-toggle.is-open span {
    background: #2a97fc;
}

.site-header__menu-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #23455e;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.site-header__menu-toggle span:nth-child(1) {
    top: 12px;
}

.site-header__menu-toggle span:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
}

.site-header__menu-toggle span:nth-child(3) {
    bottom: 12px;
}

.site-header__menu-toggle.is-open span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.site-header__menu-toggle.is-open span:nth-child(2) {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}

.site-header__menu-toggle.is-open span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.site-header__mobile {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    left: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(35, 69, 94, 0.12);
    z-index: 1200;
    direction: ltr;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 100%;
    box-sizing: border-box;
}

.site-header__mobile.is-open {
    display: flex;
}

.site-header__mobile-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.site-header__mobile-nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 12px;
    background: rgba(35, 69, 94, 0.06);
    color: #23455e;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.site-header__mobile-nav-link:hover,
.site-header__mobile-nav-link:focus-visible {
    background: rgba(35, 69, 94, 0.12);
    color: #2a97fc;
    outline: none;
}

@media (max-width: 1024px) {
    /* Allow horizontal scroll to see what's causing it */
    /* Removed overflow-x: hidden to debug */
    
    .site-header__main-inner {
        overflow-y: visible !important;
        position: relative !important;
    }
    
    /* Hide empty elements in header - ultra aggressive */
    .site-header__actions:empty,
    .site-header__actions:not(:has(.accountMenu)):not(:has(.accountMenu__cta)),
    .site-header__actions:has(.loginAjax:empty):not(:has(.accountMenu)):not(:has(.accountMenu__cta)) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
    }
    
    .loginAjax:empty,
    .loginAjax:not(:has(*)),
    .loginAjax:not(:has(.accountMenu)):not(:has(.accountMenu__cta)):not(:has(*)) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        line-height: 0 !important;
        font-size: 0 !important;
    }
    
    /* Hide any empty divs inside site-header__actions */
    .site-header__actions > div:empty:not(.accountMenu):not(.accountMenu__cta),
    .site-header__actions > .loginAjax:empty,
    .site-header__actions > .loginAjax:not(:has(*)) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
    }
    
    /* Force show accountMenu and its children */
    .site-header__actions:has(.accountMenu),
    .site-header__actions:has(.accountMenu__cta) {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Fix dropdown menu visibility in 1024px */
    .site-header__main {
        overflow-y: visible !important;
    }
    
    /* Ensure sticky header works */
    .site-header__main.is-condensed {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
    }
    
    .site-header__main .container {
        overflow-y: visible !important;
        position: relative !important;
    }
    
    .site-header__actions {
        overflow: visible !important;
        position: relative !important;
        z-index: 1000 !important;
    }
    
    .accountMenu {
        overflow: visible !important;
        position: relative !important;
        z-index: 1001 !important;
    }
    
    .accountMenu__triggerWrapper {
        overflow: visible !important;
        position: relative !important;
        z-index: 1002 !important;
    }
    
    .accountMenu__dropdown {
        z-index: 99999 !important;
        position: absolute !important;
        display: block !important;
        overflow: visible !important;
        visibility: hidden !important;
        opacity: 0 !important;
        transform: translateY(-8px) !important;
        pointer-events: none !important;
        top: calc(100% + 12px) !important;
        right: 0 !important;
        left: auto !important;
        min-width: 180px !important;
        max-width: calc(100vw - 40px) !important;
        width: auto !important;
        background: #ffffff !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
        border: 1px solid rgba(35, 69, 94, 0.08) !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    .accountMenu.is-open .accountMenu__dropdown {
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* Ensure dropdown is not clipped */
    .site-header__main-inner {
        overflow-y: visible !important;
    }
    
    .site-header__main .container {
        overflow-y: visible !important;
    }
    
    /* Hide any element causing horizontal overflow */
    .site-header__actions:empty,
    .site-header__actions:has(.loginAjax:empty):not(:has(.accountMenu)):not(:has(.accountMenu__cta)),
    .loginAjax:empty:not(:has(.accountMenu)):not(:has(.accountMenu__cta)),
    .site-header__actions .loginAjax:empty:not(:has(.accountMenu)):not(:has(.accountMenu__cta)) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
    }
    
    /* Debug: Add border to see empty elements */
    .site-header__actions:empty {
        border: 2px solid red !important;
    }
    
    .loginAjax:empty {
        border: 2px solid blue !important;
    }
    
    .site-header__actions .loginAjax:empty::before,
    .site-header__actions .loginAjax:empty::after {
        display: none !important;
        content: none !important;
    }
    
    /* Reduce menu sizes to prevent overflow */
    .site-header__top-list {
        gap: 10px;
    }
    
    .site-header__top-item a {
        font-size: 12px;
    }
    
    .site-header__nav-list {
        gap: 8px;
    }
    
    .site-header__nav-link {
        font-size: 14px;
        padding: 5px 10px;
    }
    
    .searchTags {
        justify-content: center;
        gap: 10px;
    }
    .searchTags__label {
        width: 100%;
        text-align: center;
        margin: 0 0 6px 0;
    }
    .downloadShowcase__surface {
        height: auto;
    }
    .downloadShowcase__visual {
        align-items: flex-end;
    }
    .downloadShowcase__visual img {
        max-width: 420px;
        height: 100%;
        width: auto;
    }
    .categoryApps {
        margin-top: 56px;
    }
    .categoryApps__header {
        gap: 18px;
    }
}

@media (min-width: 1280px) {
    .searchTags {
        gap: 10px;
    }
    .searchTags__link {
        padding: 6px 8px;
    }
    .carousel-content {
        gap: 20px;
    }
    .slide {
        flex: 0 0 calc((100% - 80px) / 5);
        padding: 30px 20px;
    }
}

@media (max-width: 768px) {
    .accountMenu__dropdown {
        min-width: 160px !important;
        max-width: calc(100vw - 32px) !important;
        padding: 8px 0 !important;
    }
    
    .accountMenu__link {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
    
    .site-header__main-inner {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
        flex-wrap: nowrap;
    }
    
    .site-header__main-inner > .site-header__actions:empty,
    .site-header__main-inner > .site-header__actions:has(.loginAjax:empty) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }
    
    .site-header__logo {
        order: 1;
        margin: 0;
        flex-shrink: 0;
        margin-left: auto;
    }
    
    .site-header__menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 2;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        border: 1px solid rgba(35, 69, 94, 0.2);
        background: rgba(35, 69, 94, 0.08);
        margin-right: 0;
        margin-left: 12px;
        flex-shrink: 0;
        padding: 0;
        cursor: pointer !important;
        position: relative;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
        pointer-events: auto !important;
        z-index: 1001 !important;
        -webkit-tap-highlight-color: transparent;
    }
    
    .site-header__menu-toggle span {
        display: block;
        width: 20px;
        height: 2.5px;
        background: #23455e;
        border-radius: 2px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
    
    .site-header__menu-toggle span:nth-child(1) {
        top: 11px;
    }
    
    .site-header__menu-toggle span:nth-child(2) {
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .site-header__menu-toggle span:nth-child(3) {
        bottom: 11px;
    }
    
    .site-header__menu-toggle:hover,
    .site-header__menu-toggle:focus-visible {
        background: rgba(35, 69, 94, 0.12);
        border-color: rgba(35, 69, 94, 0.25);
        outline: none;
    }
    
    .site-header__menu-toggle:hover span,
    .site-header__menu-toggle:focus-visible span {
        background: #2a97fc;
    }
    
    .site-header__menu-toggle.is-open {
        background: rgba(42, 151, 252, 0.12);
        border-color: rgba(42, 151, 252, 0.3);
    }
    
    .site-header__menu-toggle.is-open span {
        background: #2a97fc;
    }
    
    .site-header__menu-toggle.is-open span:nth-child(1) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    
    .site-header__menu-toggle.is-open span:nth-child(2) {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }
    
    .site-header__menu-toggle.is-open span:nth-child(3) {
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    
    .site-header__nav {
        display: none;
    }
    
    .site-header__actions {
        order: 3;
        margin-inline-start: 0;
        margin-right: 0;
        flex-shrink: 0;
        gap: 12px !important;
    }
    
    .accountMenu {
        margin-left: 12px !important;
    }
    
    .accountMenu__cta {
        margin-left: 12px !important;
    }
    
    .accountMenu + .accountMenu__cta,
    .accountMenu__cta + .accountMenu {
        margin-left: 12px !important;
    }
    
    .site-header__actions:empty,
    .site-header__actions:has(.loginAjax:empty) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    .site-header__actions .loginAjax:empty {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    .site-header__mobile {
        order: 4;
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .site-header__mobile-nav {
        overflow-x: hidden;
        width: 100%;
    }
    
    .site-header__mobile-nav-list {
        overflow-x: hidden;
        width: 100%;
    }
    
    .site-header__mobile-nav-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
    .downloadShowcase__content {
        text-align: center;
        align-items: center;
    }
    .downloadShowcase__links {
        width: 100%;
    }
}

/* Mobile Controls Styles */
.site-header__mobile-controls {
    display: none;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    overflow: visible !important;
    position: relative;
    z-index: 1000;
}

@media (max-width: 767px) {
    .site-header__mobile-controls {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .site-header__mobile-controls .site-header__menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }
    
    .site-header__mobile-controls .site-header__actions {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }
}

@media (max-width: 480px) {
    .accountMenu__dropdown {
        min-width: 140px !important;
        max-width: calc(100vw - 24px) !important;
        padding: 6px 0 !important;
        border-radius: 12px !important;
    }
    
    .accountMenu__link {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
    
    .site-header__top-inner {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        text-align: center;
    }
    .site-header__support {
        display: flex;
        flex-direction: column;
        gap: 6px;
        align-items: center;
    }
    .site-header__top-list {
        justify-content: center;
        gap: 10px;
    }
    .site-header__main-inner {
        flex-direction: row;
        align-items: center;
        gap: 12px;
        justify-content: flex-start;
    }
    .site-header__logo {
        order: 1;
        margin: 0;
    }
    .site-header__menu-toggle {
        order: 2;
        align-self: center;
        margin-right: 10px;
    }
    .site-header__actions {
        order: 3;
        margin-inline-start: auto;
    }
    .site-header__mobile {
        order: 4;
        position: static;
        width: 100%;
    }
    .accountMenu,
    .accountMenu__trigger,
    .accountMenu__cta {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 425px) {
    /* Show top header */
    .site-header__top {
        display: block !important;
    }
    
    .site-header__top-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }
    
    /* Support on the right (RTL: order 1) */
    .site-header__support {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        order: 1 !important;
        margin-left: auto !important;
    }
    
    /* Social menu on the left (RTL: order 2) */
    .site-header__top-nav {
        display: flex !important;
        order: 2 !important;
    }
    
    .site-header__top-list {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }
    
    .site-header__top-item a {
        width: auto !important;
        justify-content: flex-start !important;
        font-size: 11px !important;
    }
    
    /* Main header layout */
    .site-header__main-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
    }
    
    /* Logo centered - keep original size */
    .site-header__logo {
        order: 1 !important;
        margin: 0 auto !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .site-header__logo-image {
        width: 160px !important;
        height: auto !important;
        max-width: 100% !important;
        transition: none !important;
    }
    
    /* Sticky header - fixed position, small logo */
    .site-header__main.is-condensed {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        transition: none !important;
        padding: 20px 0 !important;
    }
    
    .site-header__main.is-condensed .site-header__logo-image {
        width: 45px !important;
        height: auto !important;
        max-width: 100% !important;
        transition: none !important;
    }
    
    .site-header__main.is-condensed .site-header__main-inner {
        transition: none !important;
        gap: 12px !important;
    }
    
    .site-header__main.is-condensed .site-header__logo {
        transition: none !important;
    }
    
    .site-header__main.is-condensed .site-header__menu-toggle {
        transition: none !important;
        margin: 12px 0 !important;
    }
    
    .site-header__main.is-condensed .site-header__actions {
        transition: none !important;
    }
    
    /* Bottom row: hamburger, subscription, user menu */
    .site-header__menu-toggle {
        order: 2 !important;
        margin: 12px 0 !important;
        transition: none !important;
    }
    
    .site-header__actions {
        order: 3 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        margin: 0 !important;
        width: 100% !important;
        transition: none !important;
    }
    
    /* Subscription/Register button - more width */
    .accountMenu__cta {
        min-width: auto !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 8px 20px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
    }
    
    .accountMenu__cta--register,
    .accountMenu__cta--login {
        min-width: auto !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 8px 20px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
    }
    
    .site-header__mobile {
        order: 4 !important;
        position: absolute !important;
        top: calc(100% + 8px) !important;
        width: 100% !important;
    }
    
    /* Hide nav */
    .site-header__nav {
        display: none !important;
    }
    
    .bgSearch {
        padding: 28px 14px 32px;
    }
    .searchTitle {
        text-align: center;
    }
    .search form input {
        height: 56px;
        padding: 2px 52px 0 12px;
    }
    button.searchIcon {
        right: auto !important;
        left: 8px !important;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }
    
    /* Search icon on the left */
    .site-header__searchForm.search,
    .site-header__searchForm {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0 !important;
        justify-content: flex-start !important;
    }
    
    .site-header__searchInput.search,
    .site-header__searchInput {
        padding: 0 12px 0 40px !important;
        order: 2 !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        text-align: left !important;
    }
    
    .site-header__searchButton,
    button.site-header__searchButton,
    .site-header__searchForm button,
    .site-header__searchForm .site-header__searchButton {
        position: absolute !important;
        left: 8px !important;
        right: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        order: 1 !important;
        z-index: 10 !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        flex-basis: auto !important;
        align-self: flex-start !important;
        justify-self: flex-start !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: auto !important;
        max-width: none !important;
    }
    
    /* Search tags label centered */
    .searchTags__label {
        text-align: center !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    /* Category apps centered */
    .categoryApps__header {
        justify-content: center !important;
    }
    
    .categoryApps__heading {
        text-align: center !important;
        margin: 0 auto !important;
    }
    
    .categoryApps__nav {
        justify-content: center !important;
        margin: 0 auto !important;
    }
    
    /* Latest apps centered */
    .latestApps__header {
        text-align: center !important;
    }
    
    .latestApps__heading {
        text-align: center !important;
    }
    
    .latestApps__subtitle {
        text-align: center !important;
    }
    
    .latestApps__more {
        justify-content: center !important;
        margin: 0 auto !important;
    }
    
    .latestApps__grid {
        display: grid !important;
        justify-items: center !important;
        place-items: center !important;
    }
    .searchTags {
        justify-content: center;
    }
    .searchTags__link {
        font-size: 12px;
        padding: 6px 10px;
    }
    .downloadShowcase__surface {
        padding: 18px 12px 0 12px;
        gap: 12px;
    }
    .downloadShowcase__visual {
        justify-content: center;
        align-items: flex-end;
    }
    .downloadShowcase__visual img {
        max-width: 200px;
    }
    .downloadShowcase__links {
        align-items: stretch;
        width: 100%;
        gap: 12px;
    }
    .downloadShowcase__item {
        align-items: center;
        text-align: center;
        width: 100%;
        min-width: auto !important;
        padding: 12px 14px !important;
    }
    
    .downloadShowcase__item-title {
        font-size: 13px !important;
    }
    
    .downloadShowcase__item-desc {
        font-size: 11px !important;
    }
    .categoryApps__header {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    .categoryApps__nav {
        width: auto;
    }
    .carousel-content {
        gap: 16px;
    }
    .slide {
        flex: 0 0 88%;
        padding: 24px 18px;
    }
    .imgCat {
        width: 64px;
        height: 64px;
    }
    .titleCat {
        font-size: 14px;
    }
    .latestApps__card {
        align-items: center !important;
        text-align: center !important;
    }
    .latestApps__thumb {
        margin: 0 auto !important;
    }
    .latestApps__body {
        align-items: center !important;
        text-align: center !important;
    }
    .latestApps__app-title {
        text-align: center !important;
    }
    .latestApps__excerpt {
        text-align: center !important;
    }
    .latestApps__meta {
        justify-content: center !important;
        text-align: center !important;
    }
    .latestApps__badge {
        margin: 0 auto !important;
    }
    .latestApps__date {
        text-align: center !important;
    }
    .latestApps__cta {
        justify-content: center !important;
        margin: 0 auto !important;
    }
    .mediaShowcase__card {
        text-align: center;
        align-items: center;
    }
    .mediaShowcase__item-title {
        text-align: center;
    }
}

.macneed-keyword-item:hover {
    background: #333;
    color: #fff;
}

a.sendReq,
a.callSupp {
    font-size: 14px;
    padding: 10px 18px;
    min-height: 44px;
}

@keyframes bellWiggle {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(6deg); }
    40% { transform: rotate(-6deg); }
    60% { transform: rotate(4deg); }
    80% { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
}

.vipInstallApp a.sendReq:hover,
.vipInstallApp a.sendReq:focus-visible {
    background: #2997FC;
    border-color: #2997FC;
    outline: none;
    opacity: 1;
    animation: bellWiggle 0.3s ease-in-out;
}

.accountMenu__badge {
    display: inline-flex;
    align-items: center;
    direction: ltr;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s ease,  0.2s ease, background 0.2s ease, color 0.2s ease;
}

.accountMenu__badge::before {
    content: '\2605';
    font-size: 12px;
    opacity: 0.85;
}

.accountMenu__badge:hover,
.accountMenu__badge:focus-visible {
    transform: translateY(-1px);
    outline: none;
}

.accountMenu__badge--active {
    background: linear-gradient(135deg, #2a97fc 0%, #1d7fd8 100%);
    color: #ffffff;
}

.accountMenu__badge--active:hover,
.accountMenu__badge--active:focus-visible {
    background: linear-gradient(135deg, #1f7de3 0%, #1666bd 100%);
    color: #ffffff;
}

.accountMenu__badge--cta {
    background: rgba(35, 69, 94, 0.08);
    border: 1px solid rgba(35, 69, 94, 0.18);
    color: #23455e;
}

.accountMenu__badge--cta::before {
    content: '+';
    font-size: 13px;
    font-weight: 700;
}

.accountMenu__badge--cta:hover,
.accountMenu__badge--cta:focus-visible {
    color: #2a97fc;
    border-color: rgba(42, 151, 252, 0.4);
    background: rgba(42, 151, 252, 0.12);
}

.accountMenu__triggerWrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: visible !important;
    z-index: 1001;
    pointer-events: auto !important;
}

.accountMenu__triggerWrapper * {
    pointer-events: auto !important;
}

.accountMenu__label,
.accountMenu__chevron {
    pointer-events: none;
    user-select: none;
}

 .accountMenu__trigger {
     display: inline-flex;
     align-items: center;
     gap: 8px;
}

.categoryApps--archive {
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 32px;
    padding: 40px 48px;
    margin-top: 30px;
    margin-bottom: 0;
    color: #23455e;
}

.categoryApps--archive .sectionTitle h1 {
    color: #23455e;
    margin-bottom: 0;
}

.categoryApps--archive .sectionTitle .info,
.categoryApps--archive .sectionTitle .info #breadcrumbs,
.categoryApps--archive .sectionTitle .info #breadcrumbs a,
.categoryApps--archive .sectionTitle .info #breadcrumbs span {
    color: rgba(35, 69, 94, 0.7);
}

.categoryApps--archive .sectionTitle .info #breadcrumbs a:hover,
.categoryApps--archive .sectionTitle .info #breadcrumbs a:focus {
    color: #2a97fc;
}

.categoryApps__grid {
    row-gap: 28px;
}

.categoryApps__col {
    margin-bottom: 0;
}

.categoryApps__card {
    background: #F5F5F7;
    border: none;
}

.categoryApps__card:hover,
.categoryApps__card:focus-within {
    transform: translateY(-4px);
}

.categoryApps--archive .latestApps__excerpt {
    color: rgba(15, 41, 70, 0.76);
}

.categoryApps--archive .latestApps__cta {
    background: #EBEBED;
    color: #23455e;
}

.categoryApps--archive .latestApps__cta:hover,
.categoryApps--archive .latestApps__cta:focus-visible {
    background: rgba(235, 235, 237, 0.85);
    color: #2a97fc;
}

.categoryApps--archive .latestApps__thumb {
    justify-content: center;
}

.pagenaviPortal {
    margin: 36px auto 0;
    background: #ffffff;
    border-radius: 28px;
    padding: 22px 28px;
}

.categoryApps--archive .sectionTitle h1 {
    color: #23455e;
    margin-bottom: 0;
}

span.pages {
    display: none;
}

#pagen {
    font-family: inherit;
}

.archiveApps {
    margin-top: 64px;
}

.latestApps__grid--videos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.latestApps__card--video {
    grid-template-columns: 1fr;
    row-gap: 20px;
    padding: 24px 26px 28px;
}

.latestApps__thumb--video {
    width: 100%;
    height: 220px;
    border-radius: 22px;
    justify-content: center;
}

.latestApps__thumb--video .latestApps__thumb-link,
.latestApps__thumb--video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 22px;
}

.latestApps__cta--video {
    justify-content: center;
    text-align: center;
}

@media (max-width: 1024px) {
    .latestApps__grid--videos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .latestApps__grid--videos {
        grid-template-columns: 1fr;
    }
    .latestApps__thumb--video {
        height: 200px;
    }
}

/* Single Page Styling */
.singlePage {
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 32px;
    margin-top: 30px;
    position: relative;
}

/* Page class styling - minimal, no background/shadow/padding */
/* Page class - No background, shadow, or padding */
.Page {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    padding: 15px 0px;
}

/* Only for page.php - center and style singlePage */
.page .singlePage {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px !important;
    padding: 40px 48px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: block !important;
    background: #ffffff !important;
    border: 1px solid rgba(235, 235, 237, 0.9) !important;
    border-radius: 32px !important;
    position: relative !important;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.08) !important;
}

/* Page class direct children styling */
/* Page class direct children styling */
.Page > .title {
    width: 100%;
    display: block;
    padding: 0;
    margin-bottom: 20px;
}

.Page > .sectionSingle {
    width: 100%;
    display: block;
    padding: 40px 48px;
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 32px;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.08);
}

/* Only apply these styles to page.php, not single.php */
.page .singlePage .row {
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.page .singlePage .row > * {
    width: 100%;
    display: block;
    flex: 0 0 auto;
}

.singlePage--subscription {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 40px 48px !important;
    width: 100%;
    box-sizing: border-box;
}

/* Container and row styles removed - Bootstrap handles these */

.singlePage--video {
    padding-bottom: 72px;
}

.singlePage .info {
    margin-bottom: 24px;
}

.singlePage #breadcrumbs,
.singlePage #breadcrumbs a,
.singlePage #breadcrumbs span {
    font-size: 13px;
    color: rgba(35, 69, 94, 0.65);
}

.singlePage #breadcrumbs a:hover,
.singlePage #breadcrumbs a:focus {
    color: #2a97fc;
}

.singlePage .row.gx-5 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
    margin: 0;
}

.singlePage .row.gx-5 > [class*="col-"] {
    padding: 0;
}

.singlePage .col-2 {
    flex: 0 0 120px;
    max-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.singlePage .col-10 {
    flex: 1 1 0;
    min-width: 0;
}

.singlePage .img {
    width: 105px;
    height: 105px;
    border-radius: 28px;
    background: #f5f5f7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(235, 235, 237, 0.9);
}

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

.singlePage .title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
}

/* Page class title styling */
.Page .title {
    margin-bottom: 24px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    float: none;
    clear: both;
    display: flex;
    align-items: center;
    gap: 14px;
}

/* Only for page.php */
.page .singlePage .title {
    margin-bottom: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.singlePage .title h1 {
    font-size: 23px;
    font-weight: 700;
    color: #0f1f39;
    margin: 0;
}

/* Page class title h1 styling */
.Page .title h1 {
    width: auto;
    max-width: 100%;
    flex: 1 1 auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    float: none;
    margin: 0;
    line-height: 1.4;
    font-size: 23px;
    font-weight: 700;
    color: #0f1f39;
}

/* Only for page.php */
.page .singlePage .title h1 {
    width: auto !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    float: none !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.singlePage .title span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 20px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.75), rgba(228, 233, 246, 0.92));
    border: 1px solid rgba(35, 69, 94, 0.22);
    color: #0f1f39;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    backdrop-filter: blur(16px);
}

.singlePage .desc {
    margin-top: 8px;
    font-size: 12px;
    color: rgba(15, 41, 70, 0.78);
    line-height: 1.9;
    max-width: 660px;
}

.singlePage .infoPost ul {
    display: none;
}

.singlePage .infoPost ul li {
    display: none;
}

.singlePage .infoPost ul li a {
    display: none;
}

.singlePage .infoPost ul li.moreDetails {
    display: none;
}

.singlePage .infoPost ul li.moreDetails a {
    display: none;
}

.singlePage .infoPost {
    margin-top: 18px;
}

.singlePage__actionButtons {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-top: 32px;
    margin-bottom: 0;
}

.singlePage__actionButton {
    flex: 1 1 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 12px 24px;
    border-radius: 999px;
    border: 1px solid rgba(35, 69, 94, 0.18);
    background: rgba(35, 69, 94, 0.06);
    color: #23455e;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.singlePage__actionButton:hover,
.singlePage__actionButton:focus-visible {
    background: rgba(35, 69, 94, 0.14);
    color: #2a97fc;
    border-color: rgba(42, 151, 252, 0.4);
    outline: none;
}

/* اگر فقط یک دکمه باشد، کل عرض را می‌گیرد */
.singlePage__actionButtons:has(.singlePage__actionButton:only-child) .singlePage__actionButton {
    flex: 1 1 100%;
}

.singlePage .col-2 .infoMetaColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    font-size: 13px;
    color: #23455e;
    text-align: center;
}

.singlePage .col-2 .infoMetaColumn span {
    display: block;
}

.singlePage .col-2 .infoMetaColumn .ctaButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #2997fc;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
}

.singlePage .col-2 .infoMetaColumn .ctaButton:hover,
.singlePage .col-2 .infoMetaColumn .ctaButton:focus-visible {
    background: #1d7fd8;
}

.singlePage .lineSeprator {
    border-top: 1px solid #EBEBED;
    margin: 30px 0;
}

.singlePage .lineSeprator--tight {
    margin: 16px 0 22px;
}

.sectionSingle {
    box-sizing: border-box;
    background: #f8f9fb;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 28px;
    padding: 32px 36px 32px 0;
    margin-bottom: 40px;
}

/* Page class sectionSingle styling */
.Page .sectionSingle {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0px 0 0px 20px;
    margin-bottom: 40px;
    box-sizing: border-box;
    background: #f8f9fb;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 28px;
}

/* Only for page.php - override old float styles */
.page .sectionSingle {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    overflow: hidden !important;
    position: relative !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 40px !important;
    padding: 32px 36px 32px 0 !important;
    box-sizing: border-box !important;
    background: #f8f9fb !important;
    border: 1px solid rgba(235, 235, 237, 0.9) !important;
    border-radius: 28px !important;
}

.sectionSingle .bodySingle {
    width: 100%;
    float: none;
    display: block;
    overflow: visible;
    box-sizing: border-box;
}

/* Page class bodySingle styling */
.Page .sectionSingle .bodySingle {
    width: 100%;
    max-width: 100%;
    float: none;
    display: block;
    overflow: visible;
    padding: 15px 0px;
    margin: 0;
    font-size: 15px;
    line-height: 1.9;
    color: rgba(15, 41, 70, 0.82);
    box-sizing: border-box;
}

/* Page class heading styles */
.Page .sectionSingle .bodySingle h1,
.Page .bodySingle h1 {
    font-size: 28px;
    font-weight: 700;
    color: #0f1f39;
    line-height: 1.4;
    margin: 32px 0 20px 0;
}

.Page .sectionSingle .bodySingle h2,
.Page .bodySingle h2 {
    font-size: 24px;
    font-weight: 700;
    color: #0f1f39;
    line-height: 1.4;
    margin: 28px 0 18px 0;
}

.Page .sectionSingle .bodySingle h3,
.Page .bodySingle h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.5;
    margin: 24px 0 16px 0;
}

.Page .sectionSingle .bodySingle h4,
.Page .bodySingle h4 {
    font-size: 18px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.5;
    margin: 20px 0 14px 0;
}

.Page .sectionSingle .bodySingle h5,
.Page .bodySingle h5 {
    font-size: 16px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.6;
    margin: 18px 0 12px 0;
}

.Page .sectionSingle .bodySingle h6,
.Page .bodySingle h6 {
    font-size: 15px;
    font-weight: 600;
    color: #0f1f39;
    line-height: 1.6;
    margin: 16px 0 10px 0;
}

/* Only for page.php */
.page .sectionSingle .bodySingle {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    color: rgba(15, 41, 70, 0.82) !important;
    box-sizing: border-box !important;
}

/* Page class content styling - ensure content stays in box */
.Page .sectionSingle .bodySingle > * {
    max-width: 100%;
    box-sizing: border-box;
}

.Page .sectionSingle .bodySingle p,
.Page .sectionSingle .bodySingle div,
.Page .sectionSingle .bodySingle ul,
.Page .sectionSingle .bodySingle ol,
.Page .sectionSingle .bodySingle li,
.Page .sectionSingle .bodySingle h1,
.Page .sectionSingle .bodySingle h2,
.Page .sectionSingle .bodySingle h3,
.Page .sectionSingle .bodySingle h4,
.Page .sectionSingle .bodySingle h5,
.Page .sectionSingle .bodySingle h6 {
    max-width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.Page .sectionSingle .bodySingle > table {
    width: 100%;
    max-width: 100%;
    display: table;
    table-layout: auto;
    box-sizing: border-box;
}

.Page .sectionSingle .bodySingle img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

/* Page class paragraph and link styles */
.Page .sectionSingle .bodySingle p {
    margin: 0;
    margin-top: 15px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.Page .sectionSingle .bodySingle p img {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
    box-sizing: border-box;
}

.Page .sectionSingle .bodySingle a {
    color: #2a97fc;
    font-weight: 600;
}

/* Page class RCP table styles - High Priority with !important */
.Page .sectionSingle .bodySingle .rcp-table {
    width: 100% !important;
    margin-bottom: 32px !important;
    text-align: left !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(235, 235, 237, 0.9) !important;
}

.Page .sectionSingle .bodySingle .rcp-table thead {
    width: 100% !important;
    background: linear-gradient(135deg, #0f1f39 0%, #23455e 100%) !important;
    background: #144660 !important;
    color: #fff !important;
}

.Page .sectionSingle .bodySingle .rcp-table thead tr {
    padding: 0 !important;
}

.Page .sectionSingle .bodySingle .rcp-table thead tr th {
    text-align: left !important;
    padding: 18px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.Page .sectionSingle .bodySingle .rcp-table thead tr th:first-child {
    border-top-right-radius: 20px !important;
}

.Page .sectionSingle .bodySingle .rcp-table thead tr th:last-child {
    border-top-left-radius: 20px !important;
}

.Page .sectionSingle .bodySingle .rcp-table tbody tr {
    border-bottom: 1px solid rgba(235, 235, 237, 0.6) !important;
    transition: background-color 0.2s ease !important;
    border: none !important;
}

.Page .sectionSingle .bodySingle .rcp-table tbody tr:hover {
    background-color: rgba(248, 250, 255, 0.5) !important;
}

.Page .sectionSingle .bodySingle .rcp-table tbody tr:last-child {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp-table tbody tr td {
    padding: 18px 24px !important;
    font-size: 14px !important;
    color: rgba(15, 41, 70, 0.82) !important;
    border: none !important;
    vertical-align: middle !important;
    text-align: left !important;
}

/* Page class RCP success and error messages - High Priority with !important */
.Page .sectionSingle .bodySingle .rcp_success,
.Page .sectionSingle .bodySingle .rcp_message.success {
    background: linear-gradient(135deg, rgba(34, 181, 115, 0.1) 0%, rgba(34, 181, 115, 0.05) 100%) !important;
    border: 1px solid rgba(34, 181, 115, 0.3) !important;
    border-radius: 16px !important;
    padding: 18px 24px !important;
    margin-bottom: 24px !important;
    color: #0f1f39 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.Page .sectionSingle .bodySingle .rcp_success span,
.Page .sectionSingle .bodySingle .rcp_message.success span {
    color: #22b573 !important;
    font-weight: 600 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    display: block !important;
}

.Page .sectionSingle .bodySingle .rcp_error,
.Page .sectionSingle .bodySingle .rcp_message.error {
    background: linear-gradient(135deg, rgba(248, 21, 21, 0.1) 0%, rgba(248, 21, 21, 0.05) 100%) !important;
    border: 1px solid rgba(248, 21, 21, 0.3) !important;
    border-radius: 16px !important;
    padding: 18px 24px !important;
    margin-bottom: 24px !important;
    color: #0f1f39 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.Page .sectionSingle .bodySingle .rcp_error span,
.Page .sectionSingle .bodySingle .rcp_message.error span {
    color: #f81515 !important;
    font-weight: 600 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    display: block !important;
}

.Page .sectionSingle .bodySingle .rcp_message.error p {
    padding: 0 !important;
    border-bottom: none !important;
    margin: 0 !important;
}

.Page .sectionSingle .bodySingle .rcp_message.error p span {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    color: #f81515 !important;
}

.Page .sectionSingle .bodySingle .rcp_message.error p span a {
    color: #2a97fc !important;
    font-weight: 600 !important;
    border-bottom: 1px dashed #2a97fc !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.Page .sectionSingle .bodySingle .rcp_message.error p span a:hover {
    color: #1d7fd8 !important;
    border-bottom-color: #1d7fd8 !important;
}

/* Page class RCP auto renew notice and toggle - High Priority with !important */
.Page .sectionSingle .bodySingle .rcp-membership-auto-renew-notice {
    font-size: 12px !important;
    color: rgba(15, 41, 70, 0.65) !important;
    margin-top: 6px !important;
    font-style: italic !important;
}

.Page .sectionSingle .bodySingle .rcp-auto-renew-toggle {
    margin-top: 8px !important;
}

.Page .sectionSingle .bodySingle .rcp-auto-renew-toggle a {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: rgba(42, 151, 252, 0.1) !important;
    color: #2a97fc !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: 1px solid rgba(42, 151, 252, 0.2) !important;
}

.Page .sectionSingle .bodySingle .rcp-auto-renew-toggle a:hover {
    background: rgba(42, 151, 252, 0.2) !important;
    color: #1d7fd8 !important;
    border-color: rgba(42, 151, 252, 0.4) !important;
}

/* Page class RCP Registration Form styles - Minimal Liquid Glass */
.Page .sectionSingle .bodySingle #rcp_registration_form {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-top: 32px !important;
    margin-bottom: 48px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    table-layout: fixed !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table th,
.Page .sectionSingle .bodySingle .rcp_subscription_features_table td {
    padding: 11px 10px !important;
    text-align: center !important;
    border: none !important;
    border-right: 1px solid rgba(235, 235, 237, 0.2) !important;
    cursor: pointer !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table th:last-child,
.Page .sectionSingle .bodySingle .rcp_subscription_features_table td:last-child {
    border-right: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table thead {
    background: rgba(15, 31, 57, 0.75) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
    position: relative !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table thead th {
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.2px !important;
    border: none !important;
    padding: 12px 10px !important;
    position: relative !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table thead th:first-child {
    border-top-right-radius: 20px !important;
    text-align: left !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table thead th:last-child {
    border-top-left-radius: 20px !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr {
    border-bottom: 1px solid rgba(15, 31, 57, 0.15) !important;
    background: transparent !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr.price-row {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td {
    border-bottom: 1px solid rgba(15, 31, 57, 0.15) !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr.price-row td {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td.price-cell,
.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td.selected-price {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr:last-child {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr:last-child td {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody td {
    background-color: transparent !important;
    color: rgba(15, 41, 70, 0.75) !important;
    font-size: 14px !important;
    position: relative !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody td:first-child {
    text-align: left !important;
    font-weight: 500 !important;
    color: rgba(15, 41, 70, 0.9) !important;
    background: rgba(248, 249, 251, 0.3) !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table .feature-cell {
    position: relative !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table .selected-plan {
    background: rgba(42, 151, 252, 0.2) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    color: rgba(15, 41, 70, 0.95) !important;
    font-weight: 600 !important;
    position: relative !important;
}

/* استایل عادی برای "۶ عدد" و "۳۶۵ روز" در ستون انتخاب شده - فقط bold، بدون underline و بدون تغییر اندازه */
.Page .sectionSingle .bodySingle .rcp_subscription_features_table td.selected-price strong {
    font-weight: bold !important;
    font-size: inherit !important;
    text-decoration: none !important;
    color: rgba(15, 41, 70, 0.95) !important;
}

/* استایل عادی برای متن "۳۶۵ روز" در ستون انتخاب شده - فقط bold، بدون underline و بدون تغییر اندازه */
.Page .sectionSingle .bodySingle .rcp_subscription_features_table td.selected-price {
    font-weight: bold !important;
    font-size: inherit !important;
    text-decoration: none !important;
    color: rgba(15, 41, 70, 0.95) !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table .selected-plan-header {
    background: rgba(42, 151, 252, 0.5) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
    color: rgba(255, 255, 255, 1) !important;
    position: relative !important;
}

/* Label مورب "سالیانه" برای پلن پلاتینیوم - روی سلول قیمت */
.platinum-yearly-badge {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 10px;
    background: linear-gradient(135deg, #f2be4e 0%, #d4a547 100%);
    color: #23455e;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    transform: rotate(-15deg);
    transform-origin: center;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(242, 190, 78, 0.4);
    z-index: 10;
    white-space: nowrap;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}

.rcp_subscription_features_table .price-cell {
    position: relative;
    overflow: visible;
}

/* Badge "ارتقا به طلایی" برای پلن طلایی - کنار قیمت کسری */
.gold-upgrade-badge {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 10px;
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    transform: rotate(-15deg);
    transform-origin: center;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);
    z-index: 10;
    white-space: nowrap;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* استایل برای ستون نقره‌ای غیرفعال */
.silver-column-disabled {
    pointer-events: none;
    cursor: not-allowed;
    position: relative;
}

/* اعمال visual cues برای نشان دادن غیرفعال بودن */
.silver-column-disabled th,
.silver-column-disabled td {
    position: relative !important;
    filter: grayscale(50%) brightness(0.9) !important;
}

/* Overlay ملایم با blur کمتر برای نشان دادن غیرفعال بودن */
.silver-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(240, 240, 240, 0.5) !important;
    backdrop-filter: blur(1px) !important;
    -webkit-backdrop-filter: blur(1px) !important;
    z-index: 999 !important;
    pointer-events: none !important;
}

/* ایجاد یک stacking context جدید برای badge */
/* اطمینان از اینکه ایموجی‌ها بالای overlay هستند و opacity ندارند */
.silver-column-disabled .feature-cell,
.silver-column-disabled .feature-cell::before {
    position: relative;
    z-index: 1000 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Badge باید کاملاً خارج از context opacity باشد */
.silver-active-badge-wrapper {
    position: absolute !important;
    bottom: 20px !important;
    left: 10px !important;
    z-index: 10000 !important;
    opacity: 1 !important;
    filter: none !important;
    isolation: isolate !important;
    transform: translateZ(0) !important;
    pointer-events: none !important;
}

.silver-active-badge {
    opacity: 1 !important;
    filter: none !important;
    transform: rotate(-15deg) !important;
    background: linear-gradient(135deg, #2997fc 0%, #1e7cd6 100%) !important;
    color: #ffffff !important;
    display: inline-block !important;
    position: relative !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 8px rgba(41, 151, 252, 0.4) !important;
    white-space: nowrap !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* Badge "فعال" برای پلن نقره‌ای - روی سلول قیمت */
.silver-active-badge {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 10px;
    background: linear-gradient(135deg, #2997fc 0%, #1e7cd6 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    transform: rotate(-15deg);
    transform-origin: center;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(41, 151, 252, 0.4);
    z-index: 100;
    white-space: nowrap;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr {
    border-bottom: 1px solid rgba(235, 235, 237, 0.2) !important;
    background: transparent !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr:has(.price-cell) {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr:has(.selected-price) {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr.price-row {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr.price-row.selected-price-row {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table .feature-cell {
    position: relative !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table .price-cell {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: rgba(15, 41, 70, 0.8) !important;
    cursor: pointer !important;
    background: transparent !important;
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table .selected-price {
    background: rgba(42, 151, 252, 0.2) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    color: rgba(15, 41, 70, 0.95) !important;
    font-weight: 700 !important;
    font-size: inherit !important;
    position: relative !important;
    padding: 11px 10px !important;
    border-bottom: none !important;
}

/* استایل قیمت در ستون انتخاب شده - بزرگتر و underline */
.Page .sectionSingle .bodySingle .rcp_subscription_features_table .selected-price.price-cell {
    font-size: 1.3em !important;
    text-decoration: underline !important;
    text-underline-offset: 9px !important;
}

/* اطمینان از اینکه ستون‌های disable شده استایل selected را نمی‌گیرند */
.Page .sectionSingle .bodySingle .rcp_subscription_features_table .silver-column-disabled.selected-price,
.Page .sectionSingle .bodySingle .rcp_subscription_features_table .silver-column-disabled.selected-plan-header,
.Page .sectionSingle .bodySingle .rcp_subscription_features_table .silver-column-disabled.selected-plan,
.Page .sectionSingle .bodySingle .rcp_subscription_features_table .silver-column-disabled th.selected-plan-header,
.Page .sectionSingle .bodySingle .rcp_subscription_features_table .silver-column-disabled td.selected-price,
.Page .sectionSingle .bodySingle .rcp_subscription_features_table .silver-column-disabled td.selected-plan {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: inherit !important;
    font-size: inherit !important;
    text-decoration: none !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table .access::before {
    content: "\f058" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #22b573 !important;
    font-size: 18px !important;
    display: inline-block !important;
}

.Page .sectionSingle .bodySingle .rcp_subscription_features_table .no-access::before {
    content: "\f057" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #f81515 !important;
    font-size: 18px !important;
    display: inline-block !important;
    opacity: 0.8 !important;
}

/* Page class RCP Registration Total Table - Minimal Liquid Glass */
.Page .sectionSingle .bodySingle .rcp_registration_total_details {
    width: 100% !important;
    margin-top: -20px !important;
    margin-bottom: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details thead {
    background: rgba(15, 31, 57, 0.75) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
    position: relative !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details thead th {
    padding: 11px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    text-align: left !important;
    letter-spacing: 0.2px !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details tbody td,
.Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot td {
    padding: 9px 12px !important;
    font-size: 14px !important;
    color: rgba(15, 41, 70, 0.75) !important;
    border: none !important;
    border-bottom: 1px solid rgba(15, 31, 57, 0.15) !important;
    text-align: left !important;
    background: transparent !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details tbody tr {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details tbody tr:last-child td {
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot {
    background: rgba(248, 249, 251, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot th {
    padding: 12px 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: rgba(15, 41, 70, 0.9) !important;
    border-top: 1px solid rgba(15, 31, 57, 0.2) !important;
    text-align: left !important;
    background: transparent !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details .rcp-total th,
.Page .sectionSingle .bodySingle .rcp_registration_total_details .rcp-total td {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: rgba(15, 41, 70, 1) !important;
    background: rgba(42, 151, 252, 0.18) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    padding: 12px 12px !important;
}

.Page .sectionSingle .bodySingle .rcp_registration_total_details .rcp-renewal-date th,
.Page .sectionSingle .bodySingle .rcp_registration_total_details .rcp-renewal-date td {
    font-size: 13px !important;
    color: rgba(15, 41, 70, 0.6) !important;
    font-style: italic !important;
}

/* Page class RCP Discount Code Field - Minimal Liquid Glass */
.Page .sectionSingle .bodySingle .rcp_discount_code_field_wrap {
    display: flex !important;
    gap: 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-items: stretch !important;
    width: 70% !important;
    max-width: 70% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    justify-content: flex-end !important;
}

.Page .sectionSingle .bodySingle .rcp_discount_code_field_wrap .rcp_discount_code_field_wrap {
    width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
}

.Page .sectionSingle .bodySingle #rcp_discount_code {
    flex: 1 !important;
    padding: 9px 11px !important;
    border: 2px solid rgba(42, 151, 252, 0.4) !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    background: rgba(255, 255, 255, 1) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
    color: rgba(15, 41, 70, 1) !important;
    transition: all 0.2s ease !important;
    font-weight: 600 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    line-height: 1.5 !important;
    flex-shrink: 1 !important;
    width: 70% !important;
    max-width: 70% !important;
}

.Page .sectionSingle .bodySingle #rcp_discount_code:focus {
    outline: none !important;
    border: 2px solid rgba(42, 151, 252, 0.6) !important;
    background: rgba(255, 255, 255, 1) !important;
}

.Page .sectionSingle .bodySingle #rcp_discount_code::placeholder {
    color: rgba(15, 41, 70, 0.4) !important;
    font-weight: 400 !important;
}

.Page .sectionSingle .bodySingle #rcp_apply_discount {
    padding: 9px 14px !important;
    background: rgba(15, 31, 57, 0.85) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    color: rgba(255, 255, 255, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    height: auto !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    min-width: fit-content !important;
}

.Page .sectionSingle .bodySingle #rcp_apply_discount:hover {
    background: rgba(15, 31, 57, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.Page .sectionSingle .bodySingle #rcp_apply_discount:active {
    transform: translateY(0) !important;
}

/* Page class RCP Submit Button - Minimal Liquid Glass */
.Page .sectionSingle .bodySingle #rcp_submit {
    width: 100% !important;
    padding: 16px 32px !important;
    background: rgba(15, 31, 57, 0.85) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    color: rgba(255, 255, 255, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 0 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    position: relative !important;
}

.Page .sectionSingle .bodySingle #rcp_submit:hover {
    background: rgba(15, 31, 57, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-1px) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.Page .sectionSingle .bodySingle #rcp_submit:active {
    transform: translateY(0) !important;
}

/* Hide membership new signup notice */
.Page .sectionSingle .bodySingle #rcp-membership-new-signup-notice {
    display: none !important;
}

.Page .sectionSingle .bodySingle #rcp_submit_wrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
}

/* Page class RCP Messages - Minimal */
.Page .sectionSingle .bodySingle .rcp_subscription_message {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: rgba(15, 41, 70, 0.9) !important;
    margin-bottom: 24px !important;
    margin-top: 0 !important;
    text-align: left !important;
    letter-spacing: 0.1px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.Page .sectionSingle .bodySingle #rcp-membership-new-signup-notice {
    background: rgba(42, 151, 252, 0.15) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    border: 1px solid rgba(42, 151, 252, 0.3) !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    margin-bottom: 28px !important;
    font-size: 14px !important;
    color: rgba(15, 41, 70, 0.95) !important;
    position: relative !important;
}

.Page .sectionSingle .bodySingle #rcp-membership-new-signup-notice p {
    margin: 0 0 12px 0 !important;
    padding-right: 0 !important;
    line-height: 1.6 !important;
}

.Page .sectionSingle .bodySingle #rcp-membership-new-signup-notice a {
    color: rgba(42, 151, 252, 0.9) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    transition: color 0.2s ease !important;
}

.Page .sectionSingle .bodySingle #rcp-membership-new-signup-notice a:hover {
    color: rgba(42, 151, 252, 1) !important;
}

.Page .sectionSingle .bodySingle #rcp-membership-new-signup-notice ul {
    margin: 12px 0 0 0 !important;
    padding-right: 20px !important;
    list-style: disc !important;
}

.Page .sectionSingle .bodySingle #rcp-membership-new-signup-notice li {
    margin-bottom: 8px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.Page .sectionSingle .bodySingle #rcp_discount_code_wrap {
    width: 50% !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -20px !important;
    margin-bottom: 40px !important;
    padding: 0 !important;
    background: rgba(248, 250, 255, 0.8) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
    border-radius: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.Page .sectionSingle .bodySingle #rcp_discount_code_wrap label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(15, 41, 70, 0.9) !important;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    letter-spacing: 0.1px !important;
    width: 70% !important;
    max-width: 70% !important;
    box-sizing: border-box !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.Page .sectionSingle .bodySingle .rcp_discount_valid {
    color: #22b573 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.Page .sectionSingle .bodySingle .rcp_discount_invalid {
    color: rgba(248, 21, 21, 0.8) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* Only for page.php - ensure content stays in box */
.page .sectionSingle .bodySingle > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.page .sectionSingle .bodySingle p,
.page .sectionSingle .bodySingle div,
.page .sectionSingle .bodySingle ul,
.page .sectionSingle .bodySingle ol,
.page .sectionSingle .bodySingle li,
.page .sectionSingle .bodySingle h1,
.page .sectionSingle .bodySingle h2,
.page .sectionSingle .bodySingle h3,
.page .sectionSingle .bodySingle h4,
.page .sectionSingle .bodySingle h5,
.page .sectionSingle .bodySingle h6 {
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.page .sectionSingle .bodySingle > table {
    width: 100% !important;
    max-width: 100% !important;
    display: table !important;
    table-layout: auto !important;
    box-sizing: border-box !important;
}

.page .sectionSingle .bodySingle img {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.sectionSingle.sectionSingle--minimal {
    background: transparent;
    border: none;
    padding: 0 5px;
    margin-bottom: 32px;
}

.sectionSingle.sectionSingle--minimal:has(.comments-title) {
    margin-top: 80px !important;
}

.sectionSingle.sectionSingle--minimal .title {
    margin-bottom: 16px;
}

.sectionSingle.sectionSingle--minimal .title h2 {
    font-size: 20px;
}

.sectionSingle.sectionSingle--minimal .bodySingle,
.sectionSingle.sectionSingle--minimal .listofVersions {
    padding: 0;
}

/* Scroll offset for anchor links */
#tutorial,
#allVersions {
    scroll-margin-top: 100px;
}

.sectionSingle .title {
    margin-bottom: 20px;
}

.sectionSingle .title h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    background: linear-gradient(90deg, #4e86b0, #23455f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-align: center;
    
}

.sectionSingle .bodySingle {
    font-size: 15px;
    line-height: 1.9;
    color: rgba(15, 41, 70, 0.82);
    width: 100%;
    float: none;
    display: block;
    overflow: visible;
    box-sizing: border-box;
}

/* Table styles - only for page.php */
.page .sectionSingle .bodySingle table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    table-layout: auto;
    border-collapse: collapse;
}

.page .sectionSingle .bodySingle table td,
.page .sectionSingle .bodySingle table th {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
}

.sectionSingle .bodySingle a {
    color: #2a97fc;
    font-weight: 600;
}

.listofVersions {
    width: 100%;
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    margin-top: 24px;
}

/* Custom Scrollbar for listofVersions */
.listofVersions::-webkit-scrollbar {
    width: 8px;
}

.listofVersions::-webkit-scrollbar-track {
    background: rgba(245, 245, 247, 0.6);
    border-radius: 999px;
}

.listofVersions::-webkit-scrollbar-thumb {
    background: rgba(35, 69, 94, 0.25);
    border-radius: 999px;
    transition: background 0.2s ease;
}

.listofVersions::-webkit-scrollbar-thumb:hover {
    background: rgba(42, 151, 252, 0.5);
}

.listofVersions ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.listofVersions ul li {
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 18px;
    padding: 10px 5px;
    color: #23455e;
    font-size: 13px;
    line-height: 1.7;
    transition: border-color 0.2s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}

.listofVersions ul li:hover {
    border-color: rgba(42, 151, 252, 0.3);
}

.listofVersions ul li span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    color: #0f1f39;
    font-weight: 400;
    font-size: 13px;
}

.listofVersions ul li a,
.listofVersions__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(42, 151, 252, 0.4);
    background: rgba(42, 151, 252, 0.08);
    color: #2a97fc;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    min-width: 120px;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.listofVersions ul li a:hover,
.listofVersions ul li a:focus-visible,
.listofVersions__cta:hover,
.listofVersions__cta:focus-visible {
    background: #2a97fc;
    border-color: #2a97fc;
    color: #ffffff;
    transform: translateY(-1px);
    outline: none;
}

.singlePage__videoThumb {
    margin-bottom: 24px;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(235, 235, 237, 0.9);
    background: #0f1f39;
}

.singlePage__videoThumb-img {
    display: block;
    width: 100%;
    height: auto;
}

.singlePage--video .row.gx-5 {
    flex-direction: column;
}

.singlePage--video .col-10 {
    width: 100%;
}

@media (max-width: 1024px) {
    .singlePage {
        padding: 36px 32px 44px;
        margin-top: 48px;
    }

    .singlePage .row.gx-5 {
        gap: 24px;
    }

    .singlePage .col-2 {
        flex: 0 0 110px;
        max-width: 110px;
    }

    .singlePage .img {
        width: 110px;
        height: 110px;
    }
}

@media (max-width: 768px) {
    .singlePage {
        padding: 28px 22px 40px;
        border-radius: 28px;
    }

    .singlePage .row.gx-5 {
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
    }

    .singlePage .col-2,
    .singlePage .col-10 {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .singlePage .img {
        width: 100px;
        height: 100px;
        margin: 0 auto !important;
    }

    .singlePage .title {
        justify-content: center !important;
        text-align: center !important;
        align-items: center !important;
        width: 100% !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .singlePage .title h1 {
        font-size: 26px;
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .singlePage .title span {
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .singlePage .desc {
        text-align: center !important;
    }

    .sectionSingle {
        padding: 24px 24px;
        border-radius: 24px;
    }

    .singlePage__videoThumb {
        border-radius: 22px;
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .singlePage__actionButtons {
        flex-direction: column;
        gap: 10px;
        margin-top: 24px;
    }

    .singlePage__actionButton {
        flex: 1 1 100%;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .singlePage {
        padding: 24px 18px 32px;
    }

    .singlePage .title h1 {
        font-size: 24px;
    }

    .singlePage .infoPost ul {
        gap: 10px;
    }

    .listofVersions {
        max-height: 400px;
        padding-right: 6px;
    }

    .listofVersions ul li {
        padding: 16px 18px;
        font-size: 13px;
    }

    .listofVersions ul li a {
        padding: 8px 16px;
        font-size: 12px;
        margin-top: 12px;
    }
}

.site-header__searchRow {
    display: none;
}

.site-header__searchForm {
    width: 50%;
    max-width: 520px;
    min-width: 320px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px 8px 12px;
    border-radius: 16px;
    border: 1px solid rgba(235, 235, 237, 0.85);
    background: rgba(245, 245, 247, 0.95);
}

.site-header__searchInput {
    flex: 1 1 auto;
    height: 36px;
    border: none;
    background: transparent;
    font-size: 13px;
    color: #23455e;
    padding: 0 6px;
}

.site-header__searchButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    border: 1px solid rgba(35, 69, 94, 0.12);
    background: rgba(35, 69, 94, 0.08);
    transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
    padding: 0;
    cursor: pointer;
}

.site-header__searchButton:hover,
.site-header__searchButton:focus-visible {
    background: rgba(35, 69, 94, 0.16);
    border-color: rgba(35, 69, 94, 0.24);
    transform: translateY(-1px);
    outline: none;
}

.site-header__main.is-condensed .site-header__searchRow {
    display: none;
}

.site-header__main.is-condensed .site-header__searchForm {
    background: rgba(245, 245, 247, 0.94);
    border-color: rgba(235, 235, 237, 0.85);
}

.site-header__main.is-condensed .site-header__searchButton {
}

@media (max-width: 1024px) {
    .site-header__searchForm {
        width: 60%;
        min-width: 280px;
        gap: 8px;
        padding: 8px 12px 8px 10px;
    }

    .site-header__searchInput {
        font-size: 12.5px;
    }
}

@media (max-width: 768px) {
    .site-header__main.is-condensed .site-header__searchRow {
        max-height: 160px;
    }

    .site-header__searchForm {
        width: 100%;
        min-width: 0;
    }

    .site-header__searchInput {
        height: 34px;
    }

    .site-header__searchButton {
        width: 34px;
        height: 34px;
    }
}


.site-header__searchButtonIcon {
    width: 20px;
    height: 20px;
}

.liveSearch {
    position: relative;
    width: 100%;
}

.liveSearch--tight {
    width: 100%;
    margin: 0;
}

.liveSearch--primary {
    max-width: 720px;
    margin: 0 auto;
}

.site-header__searchForm {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px 8px 12px;
    border-radius: 16px;
    border: 1px solid rgba(235, 235, 237, 0.85);
    background: rgba(245, 245, 247, 0.95);
}

.liveSearch__panel {
    position: absolute;
    inset-inline: 0;
    top: 100%;
    margin-top: -1px;
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.92);
    border-top: none;
    border-radius: 0 0 18px 18px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1200;
    max-height: 420px;
    overflow-y: auto;
    background-clip: padding-box;
    transform: translateY(-2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.liveSearch__panel--compact {
    padding: 14px 16px;
    border-radius: 16px;
}

.liveSearch__panel::before {
    content: '';
    position: absolute;
    inset-inline: 0;
    top: -1px;
    height: 1px;
    background: transparent;
}

.liveSearch__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.liveSearch__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: rgba(245, 245, 247, 0.8);
    color: #0f1f39;
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.liveSearch__item:hover,
.liveSearch__item:focus-visible {
    border-color: rgba(35, 69, 94, 0.24);
    background: rgba(245, 245, 247, 1);
    transform: translateY(-1px);
    outline: none;
}

.liveSearch__itemTitle {
    font-size: 14px;
    font-weight: 600;
    color: #0f1f39;
    margin: 0;
}

.liveSearch__itemMeta {
    font-size: 12px;
    color: rgba(35, 69, 94, 0.62);
    margin: 0;
}

.liveSearch__empty,
.liveSearch__error {
    font-size: 13px;
    color: rgba(35, 69, 94, 0.7);
}

.liveSearch__loading {
    font-size: 13px;
    color: rgba(35, 69, 94, 0.7);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.liveSearch__loading::before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(35, 69, 94, 0.22);
    border-left-color: rgba(35, 69, 94, 0.6);
    animation: liveSearchSpinner 0.6s linear infinite;
}

@keyframes liveSearchSpinner {
    to { transform: rotate(360deg); }
}

.liveSearch--primary .liveSearch__panel {
    max-width: 640px;
    margin-inline: auto;
}

.liveSearch--primary .searchTags {
    margin-top: 42px;
}

.site-header__main.is-condensed .site-header__searchButton {
}

.liveSearch__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 2100;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.liveSearch__backdrop.is-visible {
    opacity: 1;
}

.liveSearch.is-open .site-header__searchForm,
.liveSearch.is-open .search {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.liveSearch.is-open .liveSearch__panel {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.liveSearch--primary .searchTags {
    margin-top: 42px;
}

.liveSearch__shell {
    position: relative;
    width: 100%;
}

.site-header__searchRow .liveSearch--tight {
    max-width: 720px;
    margin: 0 auto;
}

.infoPost__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #23455e;
    white-space: nowrap;
 }
 
 .infoPost__links {
     display: flex;
     align-items: center;
     gap: 12px;
     width: 100%;
 }
 
 .infoPost__links .moreDetails {
     flex: 1 1 50%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 0;
     padding: 10px 18px;
     border-radius: 999px;
     border: 1px solid rgba(35, 69, 94, 0.18);
     background: rgba(35, 69, 94, 0.06);
     color: #23455e;
     font-size: 13px;
     font-weight: 600;
     transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
 }
 
 .infoPost__links .moreDetails:hover,
 .infoPost__links .moreDetails:focus-visible {
     background: rgba(35, 69, 94, 0.14);
     color: #2a97fc;
 }
 
 .singlePage .infoPost ul {
     display: none;
 }
 
 .singlePage .infoPost {
     margin-top: 18px;
 }

.singlePage .lineSeprator--tight {
    margin: 28px 0 32px;
}

.listofVersions__title {
    font-weight: 400;
    color: #0f1f39;
    font-size: 13px;
    line-height: 1.5;
    margin-right: 6px;
}

.listofVersions__versionBadge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 6px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #2a97fc;
    font-weight: 700;
    font-size: 12px;
}

.listofVersions__requirement {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border-radius: 0;
    border: none;
    background: transparent;
    color: #23455e;
    font-size: 12px;
    font-weight: 400;
}

.listofVersions__requirement strong {
    font-weight: 700;
}

.listofVersions ul li a,
.listofVersions__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(42, 151, 252, 0.4);
    background: rgba(42, 151, 252, 0.08);
    color: #2a97fc;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    min-width: 120px;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.accessNotice {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 20px 20px 20px;
    border-radius: 18px;
    border: 1px solid rgba(235, 235, 237, 0.9);
    background: #F5F5F7;
    color: #0f1f39;
    direction: ltr;
    margin-top: 32px !important;
}

.accessNotice__icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e57373 0%, #ef5350 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    flex-shrink: 0;
}

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

.accessNotice__title {
    margin: 0 0 2px 0;
    font-size: 15px;
    font-weight: 700;
    color: #e57373;
}

.accessNotice__text {
    margin: 0;
    font-size: 13px;
    color: rgba(15, 31, 57, 0.78);
    line-height: 1.7;
}

.accessNotice__link {
    color: #2a97fc;
    font-weight: 700;
    text-decoration: none;
}

.accessNotice__link:hover,
.accessNotice__link:focus-visible {
    color: #1d7fd8;
    text-decoration: underline;
}

@media (max-width: 768px) {
     .singlePage {
         padding: 28px 22px 40px;
         border-radius: 28px;
     }
 
     .singlePage .row.gx-5 {
         flex-direction: column;
     }
 
     .listofVersions ul li a {
         padding: 8px 16px;
         font-size: 12px;
         margin-top: 12px;
     }
 
     .accessNotice {
         flex-direction: row;
         align-items: center;
         gap: 14px;
         padding: 12px 20px 20px 20px;
         margin-top: 32px !important;
     }
     
     .accessNotice__content {
         gap: 0px;
     }
     
     .accessNotice__title {
         margin: 0 0 2px 0;
     }
 
     .singlePage__videoThumb {
         border-radius: 22px;
     }
 
     .singlePage__actionButtons {
         flex-direction: column;
         gap: 10px;
         margin-top: 24px;
     }
 
     .singlePage__actionButton {
         flex: 1 1 100%;
         width: 100%;
     }
 }

.singlePage > .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 16px;
}

.singlePage > .row > .col-md-8 {
    float: none;
    padding-left: 0;
    padding-right: 12px;
    margin-right: 0;
    flex: 0 0 calc(66.666% - 6px);
    max-width: calc(66.666% - 6px);
    box-sizing: border-box;
}

.singlePage > .row > .col-md-4 {
    float: none;
    padding-left: 12px;
    padding-right: 25px;
    margin-right: 0;
    flex: 0 0 calc(33.333% - 6px);
    max-width: calc(33.333% - 6px);
    box-sizing: border-box;
}

@media (max-width: 991.98px) {
    .singlePage > .row {
        flex-wrap: wrap;
        gap: 24px;
    }

    .singlePage > .row > .col-md-8,
    .singlePage > .row > .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.singlePage > .row > .col-md-8 {
    float: none;
    padding-left: 0;
    padding-right: 16px;
}

.singlePage > .row > .col-md-4 {
    float: none;
    padding-left: 16px;
    padding-right: 0;
}

.singlePageBreadcrumbs {
    width: 100%;
    margin-top: 30px;
}

.singlePageBreadcrumbs a {
    color: #373D3F;
    text-decoration: none;
    font-size: 12px;
    font-weight: 200;
}

.singlePageBreadcrumbs span {color: #373D3F;font-weight: bold;font-size: 12px;}

.singlePageBreadcrumbs span.breadcrumb_last {
    font-weight: 200;
}

.singlePageBreadcrumbs #breadcrumbs,
.singlePageBreadcrumbs #breadcrumbs a,
.singlePageBreadcrumbs #breadcrumbs span {
    font-size: 13px;
    color: rgba(35, 69, 94, 0.65);
}

.singlePageBreadcrumbs #breadcrumbs a:hover,
.singlePageBreadcrumbs #breadcrumbs a:focus {
    color: #2a97fc;
}

.sideBoxBG--related__link {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    text-decoration: none;
    color: inherit;
    position: relative;
    z-index: 1;
}

.sideBoxBG--related .itemsSideWI ul li:hover,
.sideBoxBG--related .itemsSideWI ul li:focus-within {
    border-color: rgba(42, 151, 252, 0.35);
    transform: translateY(-2px);
}

.sideBoxBG--related .itemsSideWI ul li:hover .sideBoxBG--related__link,
.sideBoxBG--related .itemsSideWI ul li:focus-within .sideBoxBG--related__link {
    color: inherit;
}

/* ============================================
   Responsive Styles for Single Page
   ============================================ */

/* Tablet and below (max-width: 991.98px) */
@media (max-width: 991.98px) {
    .singlePage {
        padding: 20px 18px;
        margin-top: 20px;
        border-radius: 24px;
    }

    .singlePage .row.gx-5 {
        gap: 20px;
    }

    .singlePage .col-2 {
        flex: 0 0 100px;
        max-width: 100px;
    }

    .singlePage .img {
        width: 90px;
        height: 90px;
        border-radius: 20px;
    }

    .singlePage .title h1 {
        font-size: 20px;
    }

    .singlePage .desc {
        font-size: 13px;
    }

    .sectionSingle {
        padding: 24px 20px;
        border-radius: 20px;
        margin-bottom: 32px;
    }

    .sectionSingle.sectionSingle--minimal {
        padding: 0;
    }

    .sectionSingle .title h2 {
        font-size: 19px;
    }

    .sectionSingle .bodySingle {
        font-size: 14px;
        line-height: 1.8;
    }

    .sectionSingle .bodySingle p img {
        max-width: 100% !important;
    }

    /* Heading sizes for mobile */
    .sectionSingle .bodySingle h1,
    .bodySingle h1 {
        font-size: 24px;
        margin: 28px 0 18px 0;
    }

    .sectionSingle .bodySingle h2,
    .bodySingle h2 {
        font-size: 21px;
        margin: 24px 0 16px 0;
    }

    .sectionSingle .bodySingle h3,
    .bodySingle h3 {
        font-size: 18px;
        margin: 20px 0 14px 0;
    }

    .sectionSingle .bodySingle h4,
    .bodySingle h4 {
        font-size: 16px;
        margin: 18px 0 12px 0;
    }

    .sectionSingle .bodySingle h5,
    .bodySingle h5 {
        font-size: 15px;
        margin: 16px 0 10px 0;
    }

    .sectionSingle .bodySingle h6,
    .bodySingle h6 {
        font-size: 14px;
        margin: 14px 0 8px 0;
    }

    .singlePage__actionButtons {
        flex-direction: column;
        gap: 10px;
    }

    .singlePage__actionButton {
        width: 100%;
        flex: 1 1 100%;
    }

}

/* Mobile (max-width: 767.98px) */
@media (max-width: 767.98px) {
    .singlePage {
        padding: 16px 14px;
        margin-top: 15px;
        border-radius: 20px;
    }

    .singlePageBreadcrumbs {
        margin-top: 20px;
    }

    .singlePage .row.gx-5 {
        flex-direction: column;
        gap: 16px;
    }

    .singlePage .col-2 {
        flex: 0 0 100%;
        max-width: 100%;
        align-items: flex-start;
    }

    .singlePage .img {
        width: 80px;
        height: 80px;
        border-radius: 16px;
    }

    .singlePage .col-10 {
        width: 100%;
    }

    .singlePage .title {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .singlePage .title h1 {
        font-size: 18px;
        line-height: 1.4;
    }

    .singlePage .title span {
        font-size: 11px;
        padding: 6px 16px;
    }

    .singlePage .desc {
        font-size: 12px;
        width: 100%;
        max-width: 100%;
    }

    .singlePage .infoPost {
        margin-top: 12px;
    }

    .singlePage .infoPost__meta {
        flex-direction: column;
        gap: 8px;
    }

    .singlePage .infoPost__meta span {
        font-size: 11px;
    }

    .sectionSingle {
        padding: 20px 0 20px 16px;
        border-radius: 16px;
        margin-bottom: 24px;
    }

    .sectionSingle.sectionSingle--minimal {
        padding: 0;
    }

    .sectionSingle .title {
        margin-bottom: 14px;
    }

    .sectionSingle .title h2 {
        font-size: 17px;
    }

    .sectionSingle .bodySingle {
        font-size: 13px;
        line-height: 1.75;
    }

    /* Heading sizes for small mobile */
    .sectionSingle .bodySingle h1,
    .bodySingle h1 {
        font-size: 22px;
        margin: 24px 0 16px 0;
    }

    .sectionSingle .bodySingle h2,
    .bodySingle h2 {
        font-size: 19px;
        margin: 20px 0 14px 0;
    }

    .sectionSingle .bodySingle h3,
    .bodySingle h3 {
        font-size: 17px;
        margin: 18px 0 12px 0;
    }

    .sectionSingle .bodySingle h4,
    .bodySingle h4 {
        font-size: 15px;
        margin: 16px 0 10px 0;
    }

    .sectionSingle .bodySingle h5,
    .bodySingle h5 {
        font-size: 14px;
        margin: 14px 0 8px 0;
    }

    .sectionSingle .bodySingle h6,
    .bodySingle h6 {
        font-size: 13px;
        margin: 12px 0 6px 0;
    }

    .singlePage__actionButtons {
        margin-top: 24px;
    }

    .singlePage__actionButton {
        padding: 10px 20px;
        font-size: 13px;
    }

    .singlePage .lineSeprator {
        margin: 24px 0;
    }

    .singlePage .lineSeprator--tight {
        margin: 12px 0 18px;
    }


    /* Sidebar boxes */
    .sideBoxBG {
        margin-top: 24px;
    }

    .sideBoxBG:first-of-type {
        margin-top: 0;
    }

    .sideBoxBG--tips {
        padding: 18px 20px;
        border-radius: 18px;
    }

    .titleSide {
        font-size: 16px;
        margin-top: 24px;
    }

    .titleSide:first-of-type {
        margin-top: 0;
    }

    /* Related posts */
    .sideBoxBG--related__link {
        flex-direction: column;
        gap: 10px;
        padding: 12px;
    }

    .sideBoxBG--related__link .img {
        width: 100%;
        max-width: 100%;
    }

    .listofVersions {
        max-height: 300px;
    }

    .listofVersions__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 14px;
    }

    .listofVersions__cta {
        width: 100%;
        text-align: center;
    }
}

/* Small mobile (max-width: 575.98px) */
@media (max-width: 575.98px) {
    .singlePage {
        padding: 14px 12px;
        border-radius: 16px;
    }

    .singlePage .title h1 {
        font-size: 16px;
    }

    .singlePage .desc {
        font-size: 11px;
    }

    .sectionSingle {
        padding: 16px 12px;
        border-radius: 12px;
    }

    .sectionSingle .title h2 {
        font-size: 16px;
    }

    .sectionSingle .bodySingle {
        font-size: 12px;
    }

    /* Heading sizes for very small mobile */
    .sectionSingle .bodySingle h1,
    .bodySingle h1 {
        font-size: 20px;
        margin: 20px 0 14px 0;
    }

    .sectionSingle .bodySingle h2,
    .bodySingle h2 {
        font-size: 18px;
        margin: 18px 0 12px 0;
    }

    .sectionSingle .bodySingle h3,
    .bodySingle h3 {
        font-size: 16px;
        margin: 16px 0 10px 0;
    }

    .sectionSingle .bodySingle h4,
    .bodySingle h4 {
        font-size: 14px;
        margin: 14px 0 8px 0;
    }

    .sectionSingle .bodySingle h5,
    .bodySingle h5 {
        font-size: 13px;
        margin: 12px 0 6px 0;
    }

    .sectionSingle .bodySingle h6,
    .bodySingle h6 {
        font-size: 12px;
        margin: 10px 0 4px 0;
    }


    .singlePage__actionButton {
        padding: 9px 18px;
        font-size: 12px;
    }
}

/* ============================================
   Responsive Styles for Subscription Page
   ============================================ */

/* Tablet and below (max-width: 991.98px) */
@media (max-width: 991.98px) {
    .rcp-table {
        border-radius: 16px;
        margin-bottom: 24px;
    }

    .rcp-table thead tr th {
        padding: 14px 18px;
        font-size: 13px;
    }

    .rcp-table tbody tr td {
        padding: 14px 18px;
        font-size: 13px;
    }

    .sectionSingle--subscription {
        padding: 24px 20px !important;
    }
}

/* Mobile (max-width: 767.98px) */
@media (max-width: 767.98px) {
    .rcp-table {
        border-radius: 12px;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .rcp-table thead {
        display: none;
    }

    .rcp-table tbody {
        display: block;
        width: 100%;
    }

    .rcp-table tbody tr {
        display: block;
        margin-bottom: 16px;
        border: 1px solid rgba(235, 235, 237, 0.9);
        border-radius: 12px;
        background: #ffffff;
        padding: 0;
    }

    .rcp-table tbody tr:last-child {
        margin-bottom: 0;
    }

    .rcp-table tbody tr td {
        display: block;
        padding: 12px 16px;
        text-align: left;
        border-bottom: 1px solid rgba(235, 235, 237, 0.6);
        position: relative;
        padding-right: 40%;
    }

    .rcp-table tbody tr td:last-child {
        border-bottom: none;
    }

    .rcp-table tbody tr td[data-th]::before {
        content: attr(data-th);
        display: block;
        font-weight: 600;
        color: #0f1f39;
        font-size: 12px;
        margin-bottom: 4px;
        position: absolute;
        right: 16px;
        top: 12px;
        width: 35%;
    }

    .rcp-table tbody tr td {
        padding-top: 32px;
    }

    .rcp_success,
    .rcp_message.success,
    .rcp_error,
    .rcp_message.error {
        padding: 14px 18px;
        border-radius: 12px;
        font-size: 13px;
    }

    .sectionSingle--subscription {
        padding: 20px 16px !important;
    }

    .rcp-auto-renew-toggle a {
        padding: 8px 12px;
        font-size: 11px;
    }
}

/* Small mobile (max-width: 575.98px) */
@media (max-width: 575.98px) {
    .rcp-table tbody tr td {
        padding-right: 45%;
        font-size: 12px;
    }

    .rcp-table tbody tr td[data-th]::before {
        font-size: 11px;
        width: 40%;
    }

    .rcp_success,
    .rcp_message.success,
    .rcp_error,
    .rcp_message.error {
        padding: 12px 16px;
        font-size: 12px;
    }

    .singlePage--subscription {
        padding: 24px 20px !important;
    }

    .sectionSingle--subscription {
        padding: 20px 16px !important;
    }
}

/* Additional responsive styles for subscription page */
@media (max-width: 991.98px) {
    .singlePage--subscription {
        padding: 32px 28px !important;
    }

    .sectionSingle--subscription {
        padding: 28px 24px !important;
    }
}

@media (max-width: 767.98px) {
    .singlePage--subscription {
        padding: 28px 20px !important;
    }

    .sectionSingle--subscription {
        padding: 24px 18px !important;
    }

    /* Subscription Page Responsive Styles */
    .Page .sectionSingle .bodySingle .rcp_subscription_features_table {
        display: block !important;
        width: 100% !important;
        border-radius: 16px !important;
        overflow: visible !important;
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table thead {
        display: none !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody {
        display: block !important;
        width: 100% !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr {
        display: block !important;
        width: 100% !important;
        margin-bottom: 16px !important;
        background: rgba(255, 255, 255, 0.85) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        border-radius: 16px !important;
        border: 1px solid rgba(255, 255, 255, 0.5) !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        border-bottom: none !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr:last-child {
        margin-bottom: 0 !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td {
        display: block !important;
        width: 100% !important;
        padding: 12px 0 !important;
        text-align: left !important;
        border: none !important;
        border-bottom: 1px solid rgba(235, 235, 237, 0.4) !important;
        position: relative !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td:first-child {
        font-weight: 600 !important;
        color: rgba(15, 41, 70, 0.95) !important;
        background: transparent !important;
        padding-top: 0 !important;
        margin-bottom: 8px !important;
        font-size: 15px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td.price-cell,
    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td.selected-price {
        border-bottom: none !important;
        padding-top: 16px !important;
        padding-bottom: 0 !important;
        margin-top: 8px !important;
        font-size: inherit !important;
        font-weight: 700 !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td::before {
        content: attr(data-label) !important;
        display: inline-block !important;
        font-weight: 600 !important;
        color: rgba(15, 41, 70, 0.7) !important;
        font-size: 13px !important;
        margin-left: 8px !important;
        margin-bottom: 0 !important;
        position: static !important;
        width: auto !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td:first-child::before {
        display: none !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr.price-row {
        background: rgba(248, 250, 255, 0.6) !important;
        border: 2px solid rgba(42, 151, 252, 0.3) !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr.price-row.selected-price-row {
        background: rgba(42, 151, 252, 0.15) !important;
        border: 2px solid rgba(42, 151, 252, 0.5) !important;
    }

    /* Registration Total Table Responsive */
    .Page .sectionSingle .bodySingle .rcp_registration_total_details {
        display: block !important;
        width: 100% !important;
        border-radius: 16px !important;
        margin-top: -20px !important;
        margin-bottom: 8px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details thead {
        display: none !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details tbody,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot {
        display: block !important;
        width: 100% !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details tbody tr,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot tr {
        display: block !important;
        width: 100% !important;
        margin-bottom: 12px !important;
        padding: 12px 16px !important;
        background: rgba(255, 255, 255, 0.6) !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details tbody tr:last-child {
        margin-bottom: 0 !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details tbody td,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot td,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot th {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: left !important;
        border: none !important;
        border-bottom: none !important;
        font-size: 14px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot th {
        font-weight: 600 !important;
        color: rgba(15, 41, 70, 0.9) !important;
        padding-top: 8px !important;
        border-top: 1px solid rgba(15, 31, 57, 0.15) !important;
        margin-top: 8px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details .rcp-total th,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details .rcp-total td {
        font-size: 16px !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* Discount Code Section Responsive */
    .Page .sectionSingle .bodySingle #rcp_discount_code_wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: -20px !important;
        margin-bottom: 24px !important;
        padding: 16px !important;
    }

    .Page .sectionSingle .bodySingle #rcp_discount_code_wrap label {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        margin-bottom: 12px !important;
        font-size: 14px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_discount_code_field_wrap {
        width: 100% !important;
        max-width: 100% !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .Page .sectionSingle .bodySingle #rcp_discount_code {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 14px !important;
        font-size: 14px !important;
    }

    .Page .sectionSingle .bodySingle #rcp_apply_discount {
        width: 100% !important;
        padding: 12px 14px !important;
        font-size: 14px !important;
    }

    /* Submit Button Responsive */
    .Page .sectionSingle .bodySingle #rcp_submit {
        padding: 14px 24px !important;
        font-size: 14px !important;
    }

    /* Messages Responsive */
    .Page .sectionSingle .bodySingle .rcp_success,
    .Page .sectionSingle .bodySingle .rcp_message.success,
    .Page .sectionSingle .bodySingle .rcp_error,
    .Page .sectionSingle .bodySingle .rcp_message.error {
        padding: 14px 16px !important;
        font-size: 13px !important;
        border-radius: 12px !important;
    }
}

/* Small mobile (max-width: 575.98px) */
@media (max-width: 575.98px) {
    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr {
        padding: 12px !important;
        margin-bottom: 12px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td {
        padding: 10px 0 !important;
        font-size: 13px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td:first-child {
        font-size: 14px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td.price-cell,
    .Page .sectionSingle .bodySingle .rcp_subscription_features_table tbody tr td.selected-price {
        font-size: inherit !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details tbody tr,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot tr {
        padding: 10px 12px !important;
        margin-bottom: 10px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details tbody td,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot td,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details tfoot th {
        font-size: 13px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_registration_total_details .rcp-total th,
    .Page .sectionSingle .bodySingle .rcp_registration_total_details .rcp-total td {
        font-size: 15px !important;
    }

    .Page .sectionSingle .bodySingle #rcp_discount_code_wrap {
        padding: 12px !important;
        margin-bottom: 20px !important;
    }

    .Page .sectionSingle .bodySingle #rcp_discount_code_wrap label {
        font-size: 13px !important;
        margin-bottom: 10px !important;
    }

    .Page .sectionSingle .bodySingle #rcp_discount_code {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }

    .Page .sectionSingle .bodySingle #rcp_apply_discount {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }

    .Page .sectionSingle .bodySingle #rcp_submit {
        padding: 12px 20px !important;
        font-size: 13px !important;
    }

    .Page .sectionSingle .bodySingle .rcp_success,
    .Page .sectionSingle .bodySingle .rcp_message.success,
    .Page .sectionSingle .bodySingle .rcp_error,
    .Page .sectionSingle .bodySingle .rcp_message.error {
        padding: 12px 14px !important;
        font-size: 12px !important;
    }
}

/* User Meta Profile - Edit Profile Page Styles */
.um_field_container {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Username Field - Disabled (Only in Profile Page) */
/* Only disable username field in User Meta profile forms, not in login/registration forms */
/* Target only profile forms specifically */
form[class*="um_form_profile"] input[name="user_login"],
form[id*="um_form_profile"] input[name="user_login"],
form[id="um_form_profile"] input[name="user_login"],
form.pf_form_wrapper:not([id*="um_login"]):not([class*="um_login"]) input[name="user_login"],
form.um_form_wrapper:not([id*="um_login"]):not([class*="um_login"]):not([id*="login"]):not([id*="register"]):not([class*="login"]):not([class*="register"]) input[name="user_login"] {
    pointer-events: none !important;
    cursor: not-allowed !important;
    background-color: #f5f5f5 !important;
    opacity: 0.7 !important;
    color: #666 !important;
}

/* Also disable username in um_field_container but only if not inside login form */
form[class*="um_form_profile"] .um_field_container input[name="user_login"],
form[id*="um_form_profile"] .um_field_container input[name="user_login"],
form[id="um_form_profile"] .um_field_container input[name="user_login"],
form.pf_form_wrapper:not([id*="um_login"]):not([class*="um_login"]) .um_field_container input[name="user_login"],
form.um_form_wrapper:not([id*="um_login"]):not([class*="um_login"]):not([id*="login"]):not([id*="register"]):not([class*="login"]):not([class*="register"]) .um_field_container input[name="user_login"] {
    pointer-events: none !important;
    cursor: not-allowed !important;
    background-color: #f5f5f5 !important;
    opacity: 0.7 !important;
    color: #666 !important;
}

/* Explicitly enable username field in login/registration forms */
/* These selectors must come after the disable rules and be more specific */
form[id*="login"] input[name="user_login"],
form[id*="login"] input[name="log"],
form[id*="register"] input[name="user_login"],
form[class*="login"] input[name="user_login"],
form[class*="login"] input[name="log"],
form[class*="register"] input[name="user_login"],
form.um_login_form input[name="user_login"],
form.um_login_form input[name="log"],
form.um_login_form input[id*="user_login"],
form[id*="um_login"] input[name="user_login"],
form[id*="um_login"] input[name="log"],
form[id*="um_login"] .um_field_container input[name="user_login"],
form.um_login_form .um_field_container input[name="user_login"],
#loginform input[name="user_login"],
#loginform input[name="log"],
#registerform input[name="user_login"],
form#rcp_registration_form input[name="user_login"],
form#rcp_login_form input[name="user_login"],
form#rcp_login_form input[name="rcp_user_login"],
form.tml-form--login input[name="user_login"],
form.tml-form--login input[name="log"],
body.login input[name="user_login"],
body.login input[name="log"],
body.login form input[name="user_login"],
body.login form input[name="log"] {
    pointer-events: auto !important;
    cursor: text !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    color: #0f1f39 !important;
}

/* Two Column Layout for User Meta Profile Form */
form[class*="um_"]:not(.um_hidden),
form[id*="um_"]:not(.um_hidden),
.pf_form_wrapper,
.um_form_wrapper,
form[class*="um_"]:not(.um_hidden) > *,
form[id*="um_"]:not(.um_hidden) > * {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Ensure form is grid container */
form[class*="um_"]:not(.um_hidden),
form[id*="um_"]:not(.um_hidden),
form#um_form_profile,
form[class*="um_form"],
form[id*="um_form"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    clear: both !important;
}

/* Avatar Field - Center and Style */
.um_field_container:has([type="file"]),
.um_field_container:has(.um_input[type="file"]),
.um_field_container:has(img.avatar),
.um_field_container:has(.avatar) {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 20px 0 !important;
}

.um_field_container img.avatar,
.um_field_container .avatar img,
.um_field_container img[src*="avatar"],
.um_field_container img[src*="gravatar"] {
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid rgba(42, 151, 252, 0.2) !important;
    display: block !important;
    margin: 0 auto 16px !important;
}

.um_field_container input[type="file"] {
    width: auto !important;
    margin: 0 auto !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    border: 2px dashed #2a97fc !important;
    background: rgba(42, 151, 252, 0.05) !important;
    cursor: pointer !important;
}

/* Full width fields */
.um_field_container:has(textarea),
.um_field_container:has(.um_input[type="file"]),
.um_field_container:has(.um_button),
.um_field_container:has(input[type="submit"]),
.um_field_container:has(button[type="submit"]),
.um_field_container.pf_width_100,
.um_field_container[style*="width: 100%"],
.um_field_container[style*="width:100%"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Button container - ensure full width */
.um_field_container:has(.um_button),
.um_field_container:has(input[type="submit"]),
.um_field_container:has(button[type="submit"]),
form[class*="um_"] .um_field_container:has(.um_button),
form[class*="um_"] .um_field_container:has(input[type="submit"]),
form[id*="um_"] .um_field_container:has(.um_button),
form[id*="um_"] .um_field_container:has(input[type="submit"]) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* um_clear - remove or make full width */
.um_clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    float: none !important;
}

/* Container for button - center and full width */
form[class*="um_"]:has(.um_clear),
form[id*="um_"]:has(.um_clear),
form[class*="um_"]:has(input.um_button),
form[id*="um_"]:has(input.um_button) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* Button after um_clear - ensure full width and centered */
.um_clear + input[type="submit"],
.um_clear + button[type="submit"],
.um_clear + .um_button,
.um_clear ~ input[type="submit"],
.um_clear ~ button[type="submit"],
.um_clear ~ .um_button,
form[class*="um_"] input.um_button,
form[id*="um_"] input.um_button,
form[class*="um_"] input#insert_user,
form[id*="um_"] input#insert_user {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Checkbox/Radio field container - Full Width */
.um_field_container:has(input[type="checkbox"]),
.um_field_container:has(input[type="radio"]) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: block !important;
}

/* Field Container Styles - Ensure grid items */
form[class*="um_"] .um_field_container,
form[id*="um_"] .um_field_container,
.pf_form_wrapper .um_field_container,
.um_form_wrapper .um_field_container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    grid-column: auto !important;
    clear: both !important;
}

/* Regular input fields - two columns */
.um_field_container:not(:has(input[type="checkbox"])):not(:has(input[type="radio"])):not(:has(textarea)):not(:has([type="file"])):not(:has(.um_button)):not(:has(input[type="submit"])):not(:has(button[type="submit"])):not(:has(img.avatar)):not(:has(.avatar)) {
    grid-column: auto !important;
    width: 100% !important;
}

.um_field_container label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f1f39 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
    display: block !important;
}

/* Title label - outside box, black color like other titles */
.um_field_container:has(input[type="checkbox"]) > label:first-child,
.um_field_container:has(input[type="radio"]) > label:first-child,
form[class*="um_"] .um_field_container:has(input[type="checkbox"]) > label:first-child,
form[class*="um_"] .um_field_container:has(input[type="radio"]) > label:first-child {
    color: #0f1f39 !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    display: block !important;
    width: 100% !important;
}

.um_field_container .um_input,
.um_field_container input[type="text"],
.um_field_container input[type="email"],
.um_field_container input[type="url"],
.um_field_container input[type="password"],
.um_field_container textarea,
.um_field_container select {
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: #0f1f39 !important;
    background: #ffffff !important;
    border: 1px solid rgba(35, 69, 94, 0.2) !important;
    border-radius: 12px !important;
    transition: border-color 0.2s ease !important;
    text-align: left !important;
    direction: ltr !important;
    height: auto !important;
}

.um_field_container .um_input:focus,
.um_field_container input[type="text"]:focus,
.um_field_container input[type="email"]:focus,
.um_field_container input[type="url"]:focus,
.um_field_container input[type="password"]:focus,
.um_field_container textarea:focus,
.um_field_container select:focus {
    outline: none !important;
    border-color: #2a97fc !important;
}

.um_field_container textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Button Styles - Like Subscription Button - Full Width */
.um_field_container .um_button,
.um_field_container input[type="submit"],
.um_field_container button[type="submit"],
form[class*="um_"] input[type="submit"],
form[id*="um_"] input[type="submit"],
form[class*="um_"] button[type="submit"],
form[id*="um_"] button[type="submit"],
.pf_form_wrapper input[type="submit"],
.um_form_wrapper input[type="submit"],
.pf_form_wrapper button[type="submit"],
.um_form_wrapper button[type="submit"],
form[class*="um_"] .um_button,
form[id*="um_"] .um_button,
form[class*="um_"] input[type="submit"],
form[id*="um_"] input[type="submit"],
input[type="submit"][class*="um_"],
button[type="submit"][class*="um_"],
input[type="submit"][id*="um_"],
button[type="submit"][id*="um_"],
input.um_button,
input#insert_user,
input[name="um_submit_button"],
.um_button,
#insert_user {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: vazir !important;
    color: #fff !important;
    background: #2997ff !important;
    border: none !important;
    border-radius: 15px !important;
    cursor: pointer !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
    text-align: center !important;
    margin: 15px auto !important;
    height: auto !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: 1 1 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.um_field_container .um_button:hover,
.um_field_container input[type="submit"]:hover,
.um_field_container button[type="submit"]:hover,
form[class*="um_"] input[type="submit"]:hover,
form[id*="um_"] input[type="submit"]:hover,
form[class*="um_"] button[type="submit"]:hover,
form[id*="um_"] button[type="submit"]:hover,
.pf_form_wrapper input[type="submit"]:hover,
.um_form_wrapper input[type="submit"]:hover,
.pf_form_wrapper button[type="submit"]:hover,
.um_form_wrapper button[type="submit"]:hover,
input.um_button:hover,
input#insert_user:hover,
input[name="um_submit_button"]:hover,
.um_button:hover,
#insert_user:hover {
    background: #1d7fd8 !important;
    border-color: #1d7fd8 !important;
    color: #ffffff !important;
}

.um_field_container .um_button:active,
.um_field_container input[type="submit"]:active,
.um_field_container button[type="submit"]:active,
form[class*="um_"] input[type="submit"]:active,
form[id*="um_"] input[type="submit"]:active,
form[class*="um_"] button[type="submit"]:active,
form[id*="um_"] button[type="submit"]:active,
.pf_form_wrapper input[type="submit"]:active,
.um_form_wrapper input[type="submit"]:active,
.pf_form_wrapper button[type="submit"]:active,
.um_form_wrapper button[type="submit"]:active,
input.um_button:active,
input#insert_user:active,
input[name="um_submit_button"]:active,
.um_button:active,
#insert_user:active {
    transform: translateY(0) !important;
    background: #1d7fd8 !important;
    border-color: #1d7fd8 !important;
    color: #ffffff !important;
}

/* Checkbox and Radio Styles for Device Selection - Better Design */
.um_field_container input[type="checkbox"],
.um_field_container input[type="radio"],
form[class*="um_"] input[type="checkbox"],
form[class*="um_"] input[type="radio"],
form[id*="um_"] input[type="checkbox"],
form[id*="um_"] input[type="radio"] {
    width: 22px !important;
    height: 22px !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    cursor: pointer !important;
    accent-color: #2a97fc !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
}

.um_field_container .um_checkbox_wrap,
.um_field_container .um_radio_wrap,
.um_field_container:has(input[type="checkbox"]),
.um_field_container:has(input[type="radio"]),
form[class*="um_"] label:has(input[type="checkbox"]),
form[class*="um_"] label:has(input[type="radio"]),
form[id*="um_"] label:has(input[type="checkbox"]),
form[id*="um_"] label:has(input[type="radio"]) {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    margin: 6px 8px 6px 0 !important;
    border: 1px solid rgba(35, 69, 94, 0.15) !important;
    border-radius: 10px !important;
    background: #f8f9fa !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    width: auto !important;
    min-width: auto !important;
}

.um_field_container .um_checkbox_wrap:hover,
.um_field_container .um_radio_wrap:hover,
.um_field_container:has(input[type="checkbox"]):hover,
.um_field_container:has(input[type="radio"]):hover,
form[class*="um_"] label:has(input[type="checkbox"]):hover,
form[class*="um_"] label:has(input[type="radio"]):hover {
    border-color: #2a97fc !important;
    background: rgba(42, 151, 252, 0.08) !important;
}

.um_field_container:has(input[type="checkbox"]:checked),
.um_field_container:has(input[type="radio"]:checked),
form[class*="um_"] label:has(input[type="checkbox"]:checked),
form[class*="um_"] label:has(input[type="radio"]:checked) {
    border-color: #2a97fc !important;
    background: rgba(42, 151, 252, 0.12) !important;
}

.um_field_container .um_checkbox_wrap input[type="checkbox"]:checked ~ *,
.um_field_container .um_radio_wrap input[type="radio"]:checked ~ *,
.um_field_container:has(input[type="checkbox"]:checked) label,
.um_field_container:has(input[type="radio"]:checked) label {
    color: #2a97fc !important;
    font-weight: 600 !important;
}

.um_field_container .um_checkbox_wrap input[type="checkbox"]:checked,
.um_field_container .um_radio_wrap input[type="radio"]:checked {
    border-color: #2a97fc !important;
}

.um_field_container label.um_label_inline,
.um_field_container .um_checkbox_wrap label,
.um_field_container .um_radio_wrap label,
.um_field_container:has(input[type="checkbox"]) label,
.um_field_container:has(input[type="radio"]) label,
form[class*="um_"] label:has(input[type="checkbox"]),
form[class*="um_"] label:has(input[type="radio"]) {
    margin: 0 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #2a97fc !important;
    cursor: pointer !important;
    flex: 1 !important;
    text-align: left !important;
    transition: color 0.2s ease !important;
}

.um_field_container:has(input[type="checkbox"]:checked) label,
.um_field_container:has(input[type="radio"]:checked) label,
form[class*="um_"] label:has(input[type="checkbox"]:checked),
form[class*="um_"] label:has(input[type="radio"]:checked) {
    color: #2a97fc !important;
    font-weight: 600 !important;
}

/* General styles for checkbox/radio labels in user-meta forms - with background */
form[class*="um_"] label:has(input[type="checkbox"]),
form[class*="um_"] label:has(input[type="radio"]),
form[id*="um_"] label:has(input[type="checkbox"]),
form[id*="um_"] label:has(input[type="radio"]),
.um_field_container label:has(input[type="checkbox"]),
.um_field_container label:has(input[type="radio"]) {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    margin: 6px 8px 6px 0 !important;
    border: 1px solid rgba(35, 69, 94, 0.15) !important;
    border-radius: 10px !important;
    background: #f8f9fa !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    width: auto !important;
    min-width: auto !important;
}

form[class*="um_"] label:has(input[type="checkbox"]):hover,
form[class*="um_"] label:has(input[type="radio"]):hover,
form[id*="um_"] label:has(input[type="checkbox"]):hover,
form[id*="um_"] label:has(input[type="radio"]):hover,
.um_field_container label:has(input[type="checkbox"]):hover,
.um_field_container label:has(input[type="radio"]):hover {
    border-color: #2a97fc !important;
    background: rgba(42, 151, 252, 0.08) !important;
}

form[class*="um_"] label:has(input[type="checkbox"]:checked),
form[class*="um_"] label:has(input[type="radio"]:checked),
form[id*="um_"] label:has(input[type="checkbox"]:checked),
form[id*="um_"] label:has(input[type="radio"]:checked),
.um_field_container label:has(input[type="checkbox"]:checked),
.um_field_container label:has(input[type="radio"]:checked) {
    border-color: #2a97fc !important;
    background: rgba(42, 151, 252, 0.12) !important;
}

/* Additional wrapper styles for checkbox/radio fields - Full Width */
form[class*="um_"] .um_field_container:has(input[type="checkbox"]),
form[class*="um_"] .um_field_container:has(input[type="radio"]),
form[id*="um_"] .um_field_container:has(input[type="checkbox"]),
form[id*="um_"] .um_field_container:has(input[type="radio"]) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 12px !important;
}

/* Responsive Design */
@media (max-width: 991px) {
    form[class*="um_"]:not(.um_hidden),
    form[id*="um_"]:not(.um_hidden),
    .pf_form_wrapper,
    .um_form_wrapper {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .um_field_container:has(textarea),
    .um_field_container:has(.um_input[type="file"]),
    .um_field_container:has(.um_button),
    .um_field_container:has(input[type="submit"]),
    .um_field_container:has(button[type="submit"]),
    .um_field_container.pf_width_100,
    .um_field_container[style*="width: 100%"],
    .um_field_container[style*="width:100%"] {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Button full width on mobile */
    .um_field_container .um_button,
    .um_field_container input[type="submit"],
    .um_field_container button[type="submit"],
    form[class*="um_"] input[type="submit"],
    form[id*="um_"] input[type="submit"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

@media (max-width: 575px) {
    .um_field_container label {
        font-size: 13px !important;
    }
    
    .um_field_container .um_input,
    .um_field_container input[type="text"],
    .um_field_container input[type="email"],
    .um_field_container input[type="url"],
    .um_field_container input[type="password"],
    .um_field_container textarea,
    .um_field_container select {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
}

/* ProfilePress - Edit Profile Page Styles */
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-edit-profile,
.profilepress-myaccount-edit-profile {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-edit-profile h2,
.profilepress-myaccount-edit-profile h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #0f1f39 !important;
    margin-bottom: 32px !important;
    text-align: left !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap,
.profilepress-myaccount-form-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field,
.profilepress-myaccount-form-field {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Full width fields */
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.pp-cover-image,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.pp-user-cover-image,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-avatar,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.delete-avatar,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-bio,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit,
.profilepress-myaccount-form-field.pp-cover-image,
.profilepress-myaccount-form-field.pp-user-cover-image,
.profilepress-myaccount-form-field.edit-profile-avatar,
.profilepress-myaccount-form-field.delete-avatar,
.profilepress-myaccount-form-field.edit-profile-bio,
.profilepress-myaccount-form-field.edit-profile-submit {
    grid-column: 1 / -1 !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field label,
.profilepress-myaccount-form-field label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f1f39 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
    display: block !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-control,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="text"],
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="email"],
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="url"],
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap select,
.profilepress-myaccount-form-field .profilepress-myaccount-form-control,
.profilepress-myaccount-form-field input[type="text"],
.profilepress-myaccount-form-field input[type="email"],
.profilepress-myaccount-form-field input[type="url"],
.profilepress-myaccount-form-field textarea,
.profilepress-myaccount-form-field select {
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: #0f1f39 !important;
    background: #ffffff !important;
    border: 1px solid rgba(35, 69, 94, 0.2) !important;
    border-radius: 12px !important;
    transition: border-color 0.2s ease !important;
    text-align: left !important;
    direction: ltr !important;
    height: auto !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-control:focus,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="text"]:focus,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="email"]:focus,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="url"]:focus,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea:focus,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap select:focus,
.profilepress-myaccount-form-field .profilepress-myaccount-form-control:focus,
.profilepress-myaccount-form-field input[type="text"]:focus,
.profilepress-myaccount-form-field input[type="email"]:focus,
.profilepress-myaccount-form-field input[type="url"]:focus,
.profilepress-myaccount-form-field textarea:focus,
.profilepress-myaccount-form-field select:focus {
    outline: none !important;
    border-color: #2a97fc !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea,
.profilepress-myaccount-form-field textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Avatar and Cover Image Styles */
.profilepress-myaccount-form-field.edit-profile-avatar,
.profilepress-myaccount-form-field.delete-avatar {
    text-align: center;
}

.profilepress-myaccount-delete-avatar-wrap,
.profilepress-myaccount-delete-cover-image-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.profilepress-myaccount-delete-avatar img,
.profilepress-myaccount-cover-image img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(42, 151, 252, 0.2);
}

.profilepress-myaccount-cover-image {
    width: 100%;
    max-width: 100%;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 16px;
}

.profilepress-myaccount-cover-image img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 16px;
    border: none;
}

.ppmyac-custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
}

.ppmyac-custom-file-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.ppmyac-custom-file-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #2a97fc;
    background: rgba(42, 151, 252, 0.1);
    border: 2px dashed #2a97fc;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
}

.ppmyac-custom-file-label:hover {
    background: rgba(42, 151, 252, 0.15);
    border-color: #117cdf;
}

.ppmyac-remove-avatar {
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #dc3545;
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ppmyac-remove-avatar:hover {
    background: rgba(220, 53, 69, 0.15);
    border-color: #dc3545;
}

/* Submit Button */
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit,
.profilepress-myaccount-form-field.edit-profile-submit {
    margin-top: 8px !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit input[type="submit"],
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit button[type="submit"],
.profilepress-myaccount-form-field.edit-profile-submit input[type="submit"],
.profilepress-myaccount-form-field.edit-profile-submit button[type="submit"] {
    width: 100% !important;
    padding: 14px 24px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: #2a97fc !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
    text-align: center !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit input[type="submit"]:hover,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit button[type="submit"]:hover,
.profilepress-myaccount-form-field.edit-profile-submit input[type="submit"]:hover,
.profilepress-myaccount-form-field.edit-profile-submit button[type="submit"]:hover {
    background: #117cdf !important;
    transform: translateY(-1px) !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit input[type="submit"]:active,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit button[type="submit"]:active,
.profilepress-myaccount-form-field.edit-profile-submit input[type="submit"]:active,
.profilepress-myaccount-form-field.edit-profile-submit button[type="submit"]:active {
    transform: translateY(0) !important;
}

/* Status Messages */
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-edit-profile-status,
.profilepress-edit-profile-status {
    padding: 16px 20px !important;
    margin-bottom: 24px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    text-align: left !important;
    background: rgba(42, 151, 252, 0.1) !important;
    border: 1px solid rgba(42, 151, 252, 0.3) !important;
    color: #0f1f39 !important;
}

/* Responsive Design */
@media (max-width: 991px) {
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap,
    .profilepress-myaccount-form-wrap {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.pp-cover-image,
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.pp-user-cover-image,
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-avatar,
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.delete-avatar,
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-bio,
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field.edit-profile-submit,
    .profilepress-myaccount-form-field.pp-cover-image,
    .profilepress-myaccount-form-field.pp-user-cover-image,
    .profilepress-myaccount-form-field.edit-profile-avatar,
    .profilepress-myaccount-form-field.delete-avatar,
    .profilepress-myaccount-form-field.edit-profile-bio,
    .profilepress-myaccount-form-field.edit-profile-submit {
        grid-column: 1 !important;
    }
}

@media (max-width: 575px) {
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-edit-profile h2,
    .profilepress-myaccount-edit-profile h2 {
        font-size: 20px !important;
        margin-bottom: 24px !important;
    }
    
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap,
    .profilepress-myaccount-form-wrap {
        gap: 16px !important;
    }
    
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-field label,
    .profilepress-myaccount-form-field label {
        font-size: 13px !important;
    }
    
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-control,
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="text"],
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="email"],
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input[type="url"],
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea,
    #profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap select,
    .profilepress-myaccount-form-field .profilepress-myaccount-form-control,
    .profilepress-myaccount-form-field input[type="text"],
    .profilepress-myaccount-form-field input[type="email"],
    .profilepress-myaccount-form-field input[type="url"],
    .profilepress-myaccount-form-field textarea,
    .profilepress-myaccount-form-field select {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
}

/* Modal Download Popup - Styled */
#exampleModal .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}

#exampleModal .modal-content {
    border-radius: 20px;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

#exampleModal .modal-header {
    background: linear-gradient(135deg, rgba(42, 151, 252, 0.12) 0%, rgba(35, 69, 94, 0.08) 100%);
    border-bottom: 1px solid rgba(42, 151, 252, 0.18);
    padding: 20px 24px;
    border-radius: 20px 20px 0 0;
}

#exampleModal .modal-title {
    font-family: vazir;
    font-size: 18px;
    font-weight: 700;
    color: #0f1f39;
    margin: 0;
}

#exampleModal .close {
    opacity: 0.6;
    font-size: 28px;
    font-weight: 300;
    color: #0f1f39;
    transition: opacity 0.2s ease;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
}

#exampleModal .close:hover {
    opacity: 1;
}

#exampleModal .modal-body {
    padding: 24px;
}

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

.modalDownloadLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(135deg, rgba(42, 151, 252, 0.08) 0%, rgba(35, 69, 94, 0.05) 100%);
    border: 1px solid rgba(42, 151, 252, 0.15);
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.2s ease;
    font-family: vazir;
}

.modalDownloadLink:hover {
    background: linear-gradient(135deg, rgba(42, 151, 252, 0.15) 0%, rgba(35, 69, 94, 0.1) 100%);
    border-color: rgba(42, 151, 252, 0.3);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(42, 151, 252, 0.15);
}

.modalDownloadLink__label {
    font-size: 15px;
    font-weight: 600;
    color: #0f1f39;
}

.modalDownloadLink__size {
    font-size: 13px;
    font-weight: 500;
    color: rgba(15, 31, 57, 0.7);
    background: rgba(255, 255, 255, 0.6);
    padding: 4px 10px;
    border-radius: 8px;
}

#exampleModal .modal-footer {
    border-top: 1px solid rgba(42, 151, 252, 0.18);
    padding: 16px 24px;
    background: #f8f9fa;
    border-radius: 0 0 20px 20px;
}

.modalCloseBtn {
    padding: 10px 24px;
    background: #2997ff;
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-family: vazir;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.modalCloseBtn:hover {
    background: #1d7fd8;
}

/* ============================================
   Membership Page Styles
   ============================================ */

.singlePage--membership {
    width: 100%;
    background: #fff;
    margin-top: -120px;
    padding: 25px 25px;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.08);
    margin-bottom: 40px;
}

.singlePage--membership .title {
    margin-bottom: 20px;
}

.singlePage--membership .title h1 {
    font-size: 24px;
    font-weight: 700;
    color: #0f1f39;
    font-family: vazir;
    margin: 0;
}

.sectionSingle--membership {
    padding: 20px 24px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.08);
    margin-bottom: 0;
}

.bodySingle--membership {
    padding: 0;
}

/* Membership Cards */
.membershipCards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 32px;
}

.membershipCard {
    background: #ffffff;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 16px;
    padding: 18px 20px;
    transition: all 0.2s ease;
}

.membershipCard:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    border-color: rgba(42, 151, 252, 0.2);
}

.membershipCard--active {
    border-color: rgba(42, 151, 252, 0.25);
    background: linear-gradient(135deg, rgba(42, 151, 252, 0.02) 0%, rgba(255, 255, 255, 1) 100%);
}

.membershipCard__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(235, 235, 237, 0.9);
}

.membershipCard__title h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #0f1f39;
    font-family: vazir;
}

.membershipCard__status {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    font-family: vazir;
}

.membershipCard__status .rcp-status {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
}

.membershipCard__status .rcp-status.rcp-status-active {
    background: rgba(34, 181, 115, 0.15);
    color: #22b573;
}

.membershipCard__status .rcp-status.rcp-status-expired,
.membershipCard__status .rcp-status.rcp-status-cancelled {
    background: rgba(248, 21, 21, 0.15);
    color: #f81515;
}

.membershipCard__status .rcp-status.rcp-status-pending {
    background: rgba(255, 193, 7, 0.15);
    color: #ffc107;
}

.membershipCard__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.membershipCard__info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.membershipCard__infoItem {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.membershipCard__infoLabel {
    font-size: 11px;
    font-weight: 500;
    color: rgba(15, 41, 70, 0.6);
    font-family: vazir;
}

.membershipCard__infoValue {
    font-size: 13px;
    font-weight: 600;
    color: #0f1f39;
    font-family: vazir;
}

.membershipCard__infoValue--auto {
    color: #22b573;
}

.membershipCard__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.membershipCard__actionBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    font-family: vazir;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.membershipCard__actionBtn--primary {
    background: #2997ff;
    color: #ffffff;
}

.membershipCard__actionBtn--primary:hover {
    background: #1786ec;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(41, 151, 252, 0.25);
}

.membershipCard__actionBtn--secondary {
    background: rgba(42, 151, 252, 0.1);
    color: #2a97fc;
    border: 1px solid rgba(42, 151, 252, 0.2);
}

.membershipCard__actionBtn--secondary:hover {
    background: rgba(42, 151, 252, 0.15);
    border-color: rgba(42, 151, 252, 0.3);
}

/* Membership Empty State */
.membershipEmpty {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px dashed rgba(42, 151, 252, 0.2);
}

.membershipEmpty p {
    margin: 0 0 20px;
    font-size: 14px;
    color: rgba(15, 41, 70, 0.7);
    font-family: vazir;
}

/* Membership Section */
.membershipSection {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(235, 235, 237, 0.9);
}

.membershipSection__title {
    margin: 0 0 18px;
    font-size: 17px;
    font-weight: 700;
    color: #0f1f39;
    font-family: vazir;
}

/* Membership Payments */
.membershipPayments {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.membershipPayment {
    background: #f8f9fa;
    border: 1px solid rgba(235, 235, 237, 0.9);
    border-radius: 12px;
    padding: 14px 18px;
    transition: all 0.2s ease;
}

.membershipPayment:hover {
    background: #ffffff;
    border-color: rgba(42, 151, 252, 0.2);
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
}

.membershipPayment__info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.membershipPayment__item {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.membershipPayment__label {
    font-size: 11px;
    font-weight: 500;
    color: rgba(15, 41, 70, 0.6);
    font-family: vazir;
}

.membershipPayment__value {
    font-size: 13px;
    font-weight: 600;
    color: #0f1f39;
    font-family: vazir;
}

.membershipPayment__value--amount {
    color: #22b573;
    font-size: 14px;
}

.membershipPayment__value--status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    width: fit-content;
}

.membershipPayment__value--status.rcp-status-complete,
.membershipPayment__value--status.rcp-status-completed {
    background: rgba(34, 181, 115, 0.15);
    color: #22b573;
}

.membershipPayment__value--status.rcp-status-pending {
    background: rgba(255, 193, 7, 0.15);
    color: #ffc107;
}

.membershipPayment__value--status.rcp-status-failed,
.membershipPayment__value--status.rcp-status-refunded {
    background: rgba(248, 21, 21, 0.15);
    color: #f81515;
}

/* Responsive */
@media (max-width: 768px) {
    .singlePage--membership {
        padding: 16px 0;
    }
    
    .sectionSingle--membership {
        padding: 16px 18px;
    }
    
    .membershipCards {
        gap: 12px;
        margin-bottom: 24px;
    }
    
    .membershipCard {
        padding: 14px 16px;
    }
    
    .membershipCard__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    
    .membershipCard__title h3 {
        font-size: 15px;
    }
    
    .membershipCard__body {
        gap: 12px;
    }
    
    .membershipCard__info {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .membershipCard__actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .membershipCard__actionBtn {
        width: 100%;
        padding: 7px 14px;
        font-size: 12px;
    }
    
    .membershipSection {
        margin-top: 24px;
        padding-top: 20px;
    }
    
    .membershipSection__title {
        font-size: 15px;
        margin-bottom: 14px;
    }
    
    .membershipPayments {
        gap: 10px;
    }
    
    .membershipPayment {
        padding: 12px 14px;
    }
    
    .membershipPayment__info {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .membershipEmpty {
        padding: 32px 16px;
    }
    
    .membershipEmpty p {
        font-size: 13px;
        margin-bottom: 16px;
    }
}

/* 404 Page Styles */
.error404-content {
    text-align: center;
    padding: 60px 20px;
}

.error404-content .title h1 {
    font-size: 72px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #2c445c;
    line-height: 1;
}

.error404-content .title h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #23455e;
}

.error404-content .desc p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 40px;
    color: #666;
}

.error404-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin-bottom: 40px;
}

.error404-buttons .accountMenu__cta {
    display: inline-block;
    padding: 12px 32px;
    text-decoration: none;
    border-radius: 8px;
}

.error404-links {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid #eee;
}

.error404-links h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #2c445c;
}

.error404-links-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.error404-link {
    color: #2c445c;
    text-decoration: none;
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: all 0.3s;
}

.error404-link:hover {
    background-color: #2c445c;
    color: #fff;
    border-color: #2c445c;
}

@media (max-width: 768px) {
    .error404-content .title h1 {
        font-size: 48px;
    }
    
    .error404-content .title h2 {
        font-size: 24px;
    }
    
    .error404-content .desc p {
        font-size: 16px;
    }
    
    .error404-buttons {
        flex-direction: column;
    }
    
    .error404-buttons .accountMenu__cta {
        width: 100%;
        text-align: center;
    }
}

/* ============================================
   RESPONSIVE HEADER - Clean Implementation
   ============================================ */

/* Desktop: Show main actions, hide mobile controls */
@media (min-width: 992px) {
    .site-header__main-inner > .site-header__actions {
        display: flex !important;
    }
    .site-header__mobile-controls {
        display: none !important;
    }
    .site-header__nav {
        display: flex !important;
    }
}

/* Mobile/Tablet: Hide main actions, show mobile controls */
@media (max-width: 991px) {
    .site-header__main-inner > .site-header__actions {
        display: none !important;
    }
    .site-header__nav {
        display: none !important;
    }
    .site-header__mobile-controls {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        order: 2;
    }
    .site-header__mobile-controls .site-header__menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .site-header__mobile-controls .site-header__actions {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Mobile Menu - Proper positioning */
.site-header__mobile {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none;
}

.site-header__mobile.is-open {
    display: block !important;
}

/* Account Dropdown - Proper positioning */
.accountMenu {
    position: relative;
}

.accountMenu__dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 200px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease;
    z-index: 99999;
}

.accountMenu.is-open .accountMenu__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ============================================
   TABLET/MOBILE (640px and below)
   ============================================ */
@media (max-width: 640px) {
    /* ===== CATEGORY APPS SECTION ===== */
    .categoryApps {
        padding: 20px 12px 28px !important;
    }
    
    .categoryApps__header {
        flex-direction: column !important;
        gap: 12px !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    .categoryApps__heading {
        text-align: left !important;
        width: 100% !important;
    }
    
    .categoryApps__title {
        font-size: 16px !important;
    }
    
    .categoryApps__subtitle {
        font-size: 12px !important;
    }
    
    /* ===== SLIDER ARROWS - CENTER ===== */
    .categoryApps__nav {
        justify-content: center !important;
        gap: 10px !important;
    }
    
    /* ===== SLIDER BOXES (برنامه‌ها و بازی‌های ضروری) ===== */
    .categoryApps__body .carousel .slide {
        flex: 0 0 90px !important;
        max-width: 90px !important;
        min-width: 90px !important;
        width: 90px !important;
        padding: 10px 6px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 6px !important;
    }
    
    .categoryApps__body .carousel .imgCat {
        width: 48px !important;
        height: 48px !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .categoryApps__body .carousel .imgCat svg,
    .categoryApps__body .carousel .imgCat img {
        width: 34px !important;
        height: 34px !important;
    }
    
    .categoryApps__body .carousel .titleCat {
        font-size: 10px !important;
        font-weight: 600 !important;
        text-align: center !important;
        line-height: 1.3 !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    
    .categoryApps__body .carousel-content {
        gap: 6px !important;
        padding: 0 6px !important;
    }
    
    /* ===== LATEST APPS/GAMES (جدیدترین برنامه‌ها و بازی‌ها) ===== */
    .latestApps__card {
        text-align: center !important;
        flex-direction: column !important;
    }
    
    .latestApps__thumb {
        margin: 0 auto 15px !important;
        float: none !important;
    }
    
    .latestApps__thumb-link {
        display: block !important;
        margin: 0 auto !important;
    }
    
    .latestApps__body {
        text-align: center !important;
        align-items: center !important;
    }
    
    .latestApps__top {
        text-align: center !important;
        align-items: center !important;
    }
    
    .latestApps__app-title {
        text-align: center !important;
        width: 100% !important;
    }
    
    .latestApps__app-title a {
        display: block !important;
        text-align: center !important;
    }
    
    .latestApps__meta {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        text-align: center !important;
    }
    
    .latestApps__badge {
        margin: 0 auto !important;
        display: inline-block !important;
    }
    
    .latestApps__date {
        text-align: center !important;
        display: block !important;
        width: 100% !important;
    }
    
    .latestApps__excerpt {
        text-align: center !important;
    }
    
    .latestApps__cta {
        justify-content: center !important;
        margin: 0 auto !important;
        display: inline-flex !important;
    }
    
    /* ===== boxData (if exists) ===== */
    .boxData {
        text-align: center !important;
    }
    
    .boxData .img {
        float: none !important;
        margin: 0 auto 15px !important;
        display: block !important;
    }
    
    .boxData .img a {
        float: none !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    .boxData .title {
        text-align: center !important;
        width: 100% !important;
    }
    
    .boxData .title h2,
    .boxData .title h3 {
        float: none !important;
        text-align: center !important;
        display: block !important;
        width: 100% !important;
    }
    
    .boxData .title span {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        margin: 5px auto 0 !important;
    }
    
    .boxData .desc {
        text-align: center !important;
    }
    
    .boxData a {
        justify-content: center !important;
        text-align: center !important;
    }
    
    /* Prevent horizontal scroll */
    body {
        overflow-x: hidden !important;
    }
}

/* ============================================
   SMALL MOBILE (480px and below)
   ============================================ */
@media (max-width: 480px) {
    /* Mobile controls - hamburger on left, profile on right */
    .site-header__mobile-controls {
        justify-content: space-between !important;
        gap: 6px !important;
        width: 100% !important;
        padding: 0 12px !important;
        flex-direction: row-reverse !important;
    }
    
    /* Hamburger menu button */
    .site-header__menu-toggle {
        width: 36px !important;
        height: 36px !important;
        padding: 8px !important;
        order: 2 !important;
    }
    
    .site-header__menu-toggle span {
        width: 16px !important;
        height: 2px !important;
    }
    
    /* Account menu */
    .accountMenu {
        font-size: 13px !important;
    }
    
    .accountMenu__badge {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
    
    .accountMenu__trigger {
        padding: 5px 10px !important;
        gap: 5px !important;
    }
    
    .accountMenu__label {
        font-size: 12px !important;
        max-width: 100px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    
    .accountMenu__chevron {
        width: 12px !important;
        height: 12px !important;
    }
    
    /* Guest buttons */
    .accountMenu--guest .accountMenu__cta {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
    
    /* Dropdown */
    .accountMenu__dropdown {
        min-width: 160px !important;
        right: 0 !important;
        transform: translateY(-10px) !important;
    }
    
    .accountMenu.is-open .accountMenu__dropdown {
        transform: translateY(0) !important;
    }
    
    .accountMenu__link {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
    
    /* Prevent horizontal scroll */
    body {
        overflow-x: hidden !important;
    }
    
    .site-header__main-inner {
        padding: 0 8px !important;
    }
    
    /* Logo more margin bottom */
    .site-header__logo {
        margin-bottom: 20px !important;
    }
    
    /* Mobile controls less margin bottom */
    .site-header__mobile-controls {
        margin-bottom: 4px !important;
    }
    
    /* Condensed header less padding bottom */
    .site-header__main.is-condensed {
        padding-bottom: 8px !important;
    }
    
    /* ===== SLIDER BOXES FIX ===== */
    .categoryApps__body .carousel .slide {
        flex: 0 0 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
        width: 100px !important;
        padding: 12px 8px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 8px !important;
    }
    
    .categoryApps__body .carousel .imgCat {
        width: 56px !important;
        height: 56px !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .categoryApps__body .carousel .imgCat svg,
    .categoryApps__body .carousel .imgCat img {
        width: 40px !important;
        height: 40px !important;
    }
    
    .categoryApps__body .carousel .titleCat {
        font-size: 12px !important;
        font-weight: 600 !important;
        text-align: center !important;
        line-height: 1.3 !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    
    .categoryApps__body .carousel-content {
        gap: 8px !important;
        padding: 0 8px !important;
    }
}

/* App Notice Banner */
.app-notice {
    background: linear-gradient(135deg, #152d49 0%, #23455e 100%);
    color: #ffffff;
    padding: 14px 0;
    position: relative;
    z-index: 1000;
    display: none;
}

.app-notice.show {
    display: block;
}

.app-notice__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.app-notice__text {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    font-size: 14px;
    line-height: 1.6;
}

.app-notice__logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
    flex-shrink: 0;
}

.app-notice__text strong {
    font-weight: 700;
    font-size: 15px;
    white-space: nowrap;
}

.app-notice__text span {
    opacity: 0.95;
}

.app-notice__actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.app-notice__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.app-notice__btn:hover,
.app-notice__btn:focus {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
    color: #ffffff;
}

.app-notice__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    flex-shrink: 0;
}

.app-notice__close:hover,
.app-notice__close:focus {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.app-notice__close svg {
    width: 16px;
    height: 16px;
}

@media (max-width: 768px) {
    .app-notice__content {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .app-notice__text {
        flex-direction: row;
        align-items: center;
        gap: 12px;
        width: 100%;
    }
    
    .app-notice__logo {
        width: 28px;
        height: 28px;
    }
    
    .app-notice__text strong {
        white-space: normal;
    }
    
    .app-notice__actions {
        width: 100%;
        justify-content: space-between;
    }
    
    .app-notice__btn {
        flex: 1;
        padding: 10px 18px;
    }
}

@media (max-width: 576px) {
    .app-notice {
        padding: 12px 0;
    }
    
    .app-notice__text {
        font-size: 13px;
    }
    
    .app-notice__text strong {
        font-size: 14px;
    }
    
    .app-notice__btn {
        font-size: 13px;
        padding: 9px 16px;
    }
}