/* AD MAX globális stilusformázások — ide jönnek az oldal-szintű felülírások. */

.hirlevel {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #2C8B74 0%, #1E3A38 100%);
}

.rolunkhero {
    background: linear-gradient(150deg, #1E3A38 0%, #2C8B74 100%);
    position: relative;
    overflow: hidden;
}

.rolunkhero::before {
    content: "";
    position: absolute;
    top: 8%;
    left: 4%;
    width: 393px;
    height: 393px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(167, 235, 221, 0.35) 0%, rgba(167, 235, 221, 0) 68%);
    animation: am-drift 22s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

/* A tartalom legyen a blob felett */
.rolunkhero > * {
    position: relative;
    z-index: 1;
}

@keyframes am-drift {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(36px, -28px) scale(1.14);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }
}

/* Felső jobbos blob */
.hirlevel::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -45px;
    left: auto;
    bottom: auto;
    width: 304px;
    height: 304px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(167, 235, 221, 0.45), rgba(167, 235, 221, 0) 70%);
    pointer-events: none;
    z-index: 0;
}

/* Alsó balos blob */
.hirlevel::after {
    content: "";
    position: absolute;
    bottom: -63px;
    left: -36px;
    top: auto;
    right: auto;
    width: 232px;
    height: 232px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(167, 235, 221, 0.35), rgba(167, 235, 221, 0) 70%);
    pointer-events: none;
    z-index: 0;
}

/* Tartalom a blob-ok felett */
.hirlevel .platform__grid,
.hirlevel > * {
    position: relative;
    z-index: 1;
}

.urlaplead {
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg, #E3F3EC 0%, #A7EBDD 100%);
}

/* Felső balos blob */
.urlaplead::before {
    content: "";
    position: absolute;
    top: -10%;
    left: -6%;
    width: 465px;
    height: 465px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
    z-index: 0;
}

/* Alsó jobbos blob */
.urlaplead::after {
    content: "";
    position: absolute;
    bottom: -12%;
    right: -4%;
    width: 429px;
    height: 429px;
    border-radius: 50%;
    background: radial-gradient(circle, #5FBDA8 0%, rgba(95, 189, 168, 0) 68%);
    opacity: 0.5;
    pointer-events: none;
    z-index: 0;
}

/* A tartalom legyen a blob-ok felett */
.urlaplead .platform__grid,
.urlaplead > * {
    position: relative;
    z-index: 1;
}

.hero {
    position: relative;
    overflow: hidden;
}

/* Felső balos blob */
.hero::before {
    content: "";
    position: absolute;
    top: 6%;
    left: 4%;
    width: 411px;
    height: 411px;
    border-radius: 50%;
    background: radial-gradient(circle, #A7EBDD 0%, rgba(167, 235, 221, 0) 68%);
    opacity: 0.6;
    pointer-events: none;
    z-index: 0;
    animation: am-drift 19s ease-in-out infinite;
}

/* Alsó jobbos blob */
.hero::after {
    content: "";
    position: absolute;
    bottom: -8%;
    right: 6%;
    width: 483px;
    height: 483px;
    border-radius: 50%;
    background: radial-gradient(circle, #5FBDA8 0%, rgba(95, 189, 168, 0) 66%);
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
    animation: am-drift 24s ease-in-out infinite reverse;
}

/* A tartalom legyen a blob-ok felett */
.hero .hero__grid,
.hero > * {
    position: relative;
    z-index: 1;
}

.sp__hint {
    font-size: 12px;
    font-family: 'Space Grotesk', Arial, sans-serif;
    color: #f1f7f4;
    font-weight: 600;
    opacity: .8;
    display: flex;
    align-items: center;
    gap: 7px;
}

.hirleveldoboz {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 18px;
    padding: 23px;
}

.feat__card {
    position: absolute;
    background: #FFFFFF;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 27px 54px rgba(22, 51, 46, 0.16);
    border-left: 3px solid #5FBDA8;
    z-index: 9;
}

.feat__card--1 {
    top: 32px;
    left: -21px;
    width: 40%;
}

.feat__card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.feat__card-label {
    font-size: 10px;
    font-weight: 600;
    color: #5c7b73;
    letter-spacing: 0.3px;
}

.feat__card-trend {
    font-size: 10px;
    font-weight: 700;
    color: #2C8B74;
    background: rgba(95, 189, 168, 0.15);
    padding: 2px 6px;
    border-radius: 20px;
}

.feat__card-value {
    font-family: 'Archivo', sans-serif;
    font-weight: 800;
    font-size: 22px;
    color: #1E3A38;
    line-height: 1.1;
    margin-bottom: 2px;
}

.feat__card-sub {
    font-size: 10px;
    color: #7a9a92;
    margin-bottom: 12px;
}

.feat__mini-bars {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 28px;
}

.feat__mini-bars span {
    flex: 1;
    border-radius: 3px 3px 1px 1px;
    background: #5FBDA8;
    transition: height 0.4s ease;
}

.feat__mini-bars span:nth-child(4),
.feat__mini-bars span:nth-child(6) {
    background: #2C8B74;
}

.feat__dark-card {
    position: absolute;
    background: #1E3A38;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 27px 54px rgba(22, 51, 46, 0.3);
}

.feat__dark-card--1 {
    bottom: 30px;
    right: -16px;
    width: 25%;
}

.feat__dark-label {
    font-size: 9px;
    font-weight: 600;
    color: #5FBDA8;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.feat__dark-value {
    font-family: 'Archivo', sans-serif;
    font-weight: 900;
    font-size: 27px;
    color: #A7EBDD;
    line-height: 1;
    margin-bottom: 4px;
}

.feat__dark-sub {
    font-size: 10px;
    color: rgba(167, 235, 221, 0.55);
    font-weight: 500;
}

.videok {
    position: relative;
    overflow: hidden;
}

.videok::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 572px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(95, 189, 168, 0.2), rgba(95, 189, 168, 0) 70%);
    pointer-events: none;
    z-index: 0;
}

/* A tartalom legyen a glow felett */
.videok > * {
    position: relative;
    z-index: 1;
}

.gyikdoboz {
    position: absolute;
    inset: 0;
    border-radius: 23px;
    background: linear-gradient(150deg, #5FBDA8, #2C8B74);
    box-shadow: 0 36px 80px rgba(44, 139, 116, .22);
}

.faq-section__blob {
    position: absolute;
    top: -7%;
    right: 6%;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    background: #A7EBDD;
    opacity: .5;
}

.videoboxok {
    position: absolute;
    inset: 0;
    border-radius: 21px;
    overflow: hidden;
    box-shadow: 0 27px 72px rgba(22, 51, 46, .18);
}

.feat__dark-card--rewarded {
    top: -75px;
    width: 30%;
    left: 35px;
}

.feat__dark-label {
    font-size: 9px;
    font-weight: 600;
    color: #5FBDA8;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.feat__dark-value {
    font-family: 'Archivo', sans-serif;
    font-weight: 900;
    font-size: 27px;
    color: #A7EBDD;
    line-height: 1;
    margin-bottom: 4px;
}

.feat__dark-sub {
    font-size: 10px;
    color: rgba(167, 235, 221, 0.55);
    font-weight: 500;
}

.feat__card {
    position: absolute;
    background: #FFFFFF;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 27px 54px rgba(22, 51, 46, 0.16);
}

.feat__card--2 {
    top: 30px;
    right: -20px;
    width: 29%;
}

.feat__card-label {
    font-size: 10px;
    font-weight: 600;
    color: #5c7b73;
    margin-bottom: 4px;
    letter-spacing: 0.3px;
}

.feat__card-value {
    font-family: 'Archivo', sans-serif;
    font-weight: 800;
    font-size: 22px;
    color: #1E3A38;
    line-height: 1.1;
    margin-bottom: 2px;
}

.feat__card-sub {
    font-size: 10px;
    color: #7a9a92;
}

.about__badge {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 107px;
    height: 107px;
    border-radius: 50%;
    background: #2C8B74;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 21px 45px rgba(44, 139, 116, 0.4);
    transform: translate3d(0px, 12.2px, 0px);
    font-family: 'Space Grotesk', Arial, sans-serif;
}

.about__badge span {
    color: #fff;
    font-weight: 800;
    font-size: 11px;
    line-height: 1.2;
}

/* Oldalpipa: Footer űrlap elrejtése. */
body.am-hide-footerurlap .footerurlap {
    display: none !important;
}

@media (max-width: 767px) {
.feat__dark-card--1 {
    bottom: -30px;
    right: 7px;
    width: 39%;
}
.feat__card--1 {
    top: 15px;
    left: 15px;
    width: 57%;
}
.feat__card--2 {
    top: 15px;
    right: 0px;
    width: 41%;
    left: 15px;
}

.feat__dark-card--rewarded {
    top: -62px;
    width: 40%;
    left: 181px;
}

    }
@media (prefers-reduced-motion: reduce) {
    .rolunkhero::before,
    .hero::before,
    .hero::after {
        animation: none;
    }
}

/* Megosztott konténer-szélesség — korábban blogbejegyzes.css, merfoldkovek.css és
   mukodes.css egyaránt tartalmazta byte-azonos értékekkel; itt egy helyen tartva. */
.am-container {
    max-width: 1180px;
    margin: 0 auto;
}