/* Medyahizmetlerim Premium Packages V2 — iPhone-inspired refinement */
.mh-activity-v2,
.mh-packages-v2 {
    --mh-blue: #258cff;
    --mh-cyan: #52d7ff;
    --mh-ink: #061127;
    --mh-line: rgba(86, 183, 255, .22);
    font-family: inherit;
}

.mh-activity-v2 {
    position: relative;
    z-index: 4;
    margin: 0;
    padding: 0;
    background: linear-gradient(90deg, #07152e, #0b2c58 52%, #07152e);
    border-block: 1px solid rgba(82, 215, 255, .18);
    color: #eaf7ff;
}

.mh-activity-v2__inner {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 12px 20px;
}

.mh-activity-v2__avatars {
    display: flex;
    padding-left: 8px;
}

.mh-activity-v2__avatars img {
    width: 38px;
    height: 38px;
    margin-left: -8px;
    border: 2px solid #0a2348;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .24);
}

.mh-activity-v2__pulse {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #42e6a4;
    box-shadow: 0 0 0 7px rgba(66, 230, 164, .12), 0 0 20px rgba(66, 230, 164, .6);
}

.mh-activity-v2__copy {
    font-size: 14px;
    color: rgba(234, 247, 255, .72);
}

.mh-activity-v2__copy strong {
    display: inline-block;
    margin-left: 5px;
    color: #fff;
}

.mh-activity-v2__secure {
    margin-left: 10px;
    padding: 8px 12px;
    border: 1px solid rgba(82, 215, 255, .18);
    border-radius: 999px;
    color: #8fdfff;
    background: rgba(21, 97, 166, .18);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
}

.mh-packages-v2 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(72px, 7vw, 112px) 0 clamp(64px, 7vw, 104px);
    background:
        radial-gradient(circle at 12% 0%, rgba(37, 140, 255, .12), transparent 30%),
        radial-gradient(circle at 92% 16%, rgba(82, 215, 255, .09), transparent 26%),
        linear-gradient(180deg, #f8fbff 0%, #eef5fd 100%);
}

.mh-packages-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .28;
    background-image:
        linear-gradient(rgba(21, 79, 142, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 79, 142, .06) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, black, transparent 78%);
}

.mh-packages-v2__heading {
    max-width: 720px;
    margin: 0 auto 40px;
    text-align: center;
}

.mh-packages-v2__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(37, 140, 255, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .62);
    color: #1673d2;
    box-shadow: 0 10px 30px rgba(27, 93, 166, .08);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mh-packages-v2__heading h2 {
    margin: 18px 0 10px;
    color: #07162e;
    font-size: clamp(32px, 4.2vw, 54px);
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: 1.04;
}

.mh-packages-v2__heading p {
    margin: 0;
    color: #61718a;
    font-size: clamp(15px, 1.6vw, 18px);
    line-height: 1.7;
}

.mh-packages-v2__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    perspective: 1200px;
}

.mh-package-card {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --glow-x: 50%;
    --glow-y: 50%;
    position: relative;
    min-width: 0;
    min-height: 318px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(25, 90, 162, .14);
    border-radius: 25px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(245,250,255,.84));
    box-shadow:
        0 26px 60px rgba(13, 47, 91, .10),
        0 2px 5px rgba(13, 47, 91, .04),
        inset 0 1px 0 rgba(255,255,255,.95);
    transform: translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    transform-style: preserve-3d;
    transition: transform .34s cubic-bezier(.2,.8,.2,1), box-shadow .34s ease, border-color .34s ease;
    will-change: transform;
}

.mh-package-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(66, 174, 255, .17), transparent 38%);
    transition: opacity .28s ease;
}

.mh-package-card::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -65px;
    border-radius: 50%;
    background: var(--platform-color, #258cff);
    filter: blur(58px);
    opacity: .09;
    pointer-events: none;
}

.mh-package-card__shine {
    position: absolute;
    top: 0;
    left: 12%;
    width: 76%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
}

.mh-package-card__badge {
    position: absolute;
    top: 17px;
    right: 17px;
    padding: 7px 10px;
    border: 1px solid rgba(37, 140, 255, .18);
    border-radius: 999px;
    background: rgba(37, 140, 255, .08);
    color: #176fcb;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mh-package-card__top {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 82px;
    transform: translateZ(18px);
}

.mh-package-card__icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37, 140, 255, .13);
    border-radius: 15px;
    color: var(--platform-color, #258cff);
    background: linear-gradient(145deg, #fff, #eef6ff);
    box-shadow: 0 12px 24px rgba(17, 71, 132, .08);
    font-size: 23px;
}

.mh-package-card__platform {
    color: var(--platform-color, #258cff);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mh-package-card h3 {
    margin: 24px 0 10px;
    color: #0b1930;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.35;
    transform: translateZ(15px);
}

.mh-package-card__price {
    margin-bottom: 24px;
    color: #1e7de1;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: -.035em;
    transform: translateZ(17px);
}

.mh-package-card__button {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: auto;
    padding: 0 18px;
    border: 1px solid rgba(37, 140, 255, .16);
    border-radius: 15px;
    color: #fff !important;
    background: linear-gradient(135deg, #178cf8, #3159ff);
    box-shadow: 0 13px 25px rgba(37, 117, 237, .20);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    transform: translateZ(23px);
    transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, filter .25s ease;
}

.mh-package-card__button span {
    transition: transform .25s ease;
}

.mh-trust-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
    perspective: 1000px;
}

.mh-trust-v2__item {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 88px;
    padding: 17px 20px;
    border: 1px solid rgba(25, 90, 162, .13);
    border-radius: 21px;
    background: rgba(255,255,255,.7);
    box-shadow: 0 18px 40px rgba(13, 47, 91, .07), inset 0 1px 0 #fff;
    backdrop-filter: blur(18px);
    transform: translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    transition: transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .3s ease;
}

.mh-trust-v2__icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37, 140, 255, .22);
    border-radius: 15px;
    color: #3cc8ff;
    background: linear-gradient(145deg, #0d3974, #071d40);
    box-shadow: 0 12px 28px rgba(12, 76, 146, .18);
}

.mh-trust-v2__icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mh-trust-v2__item strong,
.mh-trust-v2__item small {
    display: block;
}

.mh-trust-v2__item strong {
    color: #0a1830;
    font-size: 14px;
}

.mh-trust-v2__item small {
    margin-top: 3px;
    color: #708198;
    font-size: 12px;
}

@media (hover:hover) and (pointer:fine) {
    .mh-package-card:hover {
        z-index: 2;
        border-color: rgba(49, 146, 255, .45);
        box-shadow: 0 34px 75px rgba(16, 85, 166, .18), 0 0 34px rgba(53, 171, 255, .12);
        transform: translateY(-8px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    }

    .mh-package-card:hover::before {
        opacity: 1;
    }

    .mh-package-card__button:hover {
        filter: brightness(1.08);
        box-shadow: 0 17px 34px rgba(37, 117, 237, .34), 0 0 22px rgba(82, 215, 255, .18);
        transform: translateY(-2px) translateZ(28px);
    }

    .mh-package-card__button:hover span {
        transform: translateX(4px);
    }

    .mh-trust-v2__item:hover {
        border-color: rgba(49, 146, 255, .35);
        box-shadow: 0 24px 50px rgba(16, 85, 166, .13), 0 0 26px rgba(53, 171, 255, .09);
        transform: translateY(-4px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    }
}

.mh-package-card__button:active {
    transform: translateY(1px) scale(.985) translateZ(18px);
}

.mh-package-card__button:focus-visible {
    outline: 3px solid rgba(82, 215, 255, .48);
    outline-offset: 4px;
}

@media (max-width: 1060px) {
    .mh-packages-v2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .mh-activity-v2__inner { justify-content: flex-start; }
    .mh-activity-v2__secure { display: none; }
    .mh-packages-v2 { padding: 62px 0; }
    .mh-packages-v2__grid,
    .mh-trust-v2 { grid-template-columns: 1fr; }
    .mh-package-card { min-height: 286px; }
}

@media (max-width: 480px) {
    .mh-activity-v2__avatars img { width: 32px; height: 32px; }
    .mh-activity-v2__copy { font-size: 12px; }
    .mh-package-card { padding: 20px; border-radius: 22px; }
}

@media (hover:none), (pointer:coarse) {
    .mh-package-card,
    .mh-trust-v2__item { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .mh-package-card,
    .mh-package-card__button,
    .mh-trust-v2__item,
    .mh-package-card__button span { transition: none !important; transform: none !important; }
}

/* V2.1 — site-wide premium interaction, dark packages and living city */
.premium-theme-mh-v21 {
    --premium-neon: 63, 184, 255;
    --premium-neon-strong: #36b9ff;
}

.premium-theme-mh-v21 .premium-action-v21 {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --glow-x: 50%;
    --glow-y: 50%;
    position: relative;
    isolation: isolate;
    transform: perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);
    transform-style: preserve-3d;
    will-change: transform;
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        border-color .28s ease,
        box-shadow .28s ease,
        filter .28s ease !important;
}

.premium-theme-mh-v21 .premium-action-v21 > *,
.premium-theme-mh-v21 .premium-action-v21:hover > *,
.premium-theme-mh-v21 .catpi-item:hover .icon,
.premium-theme-mh-v21 .catpi-item:hover .text,
.premium-theme-mh-v21 .catpi-item:hover .text * {
    opacity: 1 !important;
    visibility: visible !important;
}

.premium-theme-mh-v21 .premium-header-shell {
    box-shadow: 0 22px 58px rgba(0, 0, 0, .32), 0 0 36px rgba(42, 154, 255, .07);
}

.premium-theme-mh-v21 .premium-brand-mark {
    animation: mhBrandPulseV21 5.8s ease-in-out infinite;
}

.premium-theme-mh-v21 .mh-hero__button,
.premium-theme-mh-v21 .tc-button,
.premium-theme-mh-v21 .premium-header-cta,
.premium-theme-mh-v21 .mh-package-card__button {
    overflow: visible;
}

.premium-theme-mh-v21 .mh-hero__trust > *,
.premium-theme-mh-v21 .tc-trust > * {
    transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item,
.premium-theme-mh-v21 .tc-platform {
    border-color: rgba(73, 177, 255, .2) !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(54, 185, 255, .12), transparent 44%),
        linear-gradient(145deg, rgba(10, 32, 64, .96), rgba(5, 17, 38, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 16px 35px rgba(0, 5, 18, .25) !important;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .text b,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .text strong,
.premium-theme-mh-v21 .tc-platform b {
    color: #f3f8ff !important;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .text span,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .text small,
.premium-theme-mh-v21 .tc-platform small {
    color: #8ea5c2 !important;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .icon,
.premium-theme-mh-v21 .tc-platform > i {
    opacity: 1 !important;
    filter: saturate(1.1);
}

.premium-theme-mh-v21 .mh-packages-v2 {
    color: #f7fbff;
    background:
        radial-gradient(circle at 9% -5%, rgba(29, 137, 255, .20), transparent 33%),
        radial-gradient(circle at 96% 12%, rgba(68, 211, 255, .10), transparent 28%),
        linear-gradient(180deg, #061127 0%, #08172e 48%, #050d1d 100%);
}

.premium-theme-mh-v21 .mh-packages-v2::before {
    opacity: .4;
    background-image:
        linear-gradient(rgba(71, 166, 255, .065) 1px, transparent 1px),
        linear-gradient(90deg, rgba(71, 166, 255, .065) 1px, transparent 1px);
}

.premium-theme-mh-v21 .mh-packages-v2__heading {
    position: relative !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;
    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;
    margin: 0 auto 48px !important;
    padding: 0 18px !important;
    text-align: center !important;
    z-index: 5 !important;
}

.premium-theme-mh-v21 .mh-packages-v2__eyebrow {
    color: #72d9ff;
    border-color: rgba(79, 192, 255, .28);
    background: rgba(20, 91, 158, .18);
    box-shadow: 0 12px 34px rgba(0, 127, 255, .12);
}

.premium-theme-mh-v21 .mh-packages-v2__heading h2 {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 18px 0 10px !important;
    color: #f6faff !important;
    text-shadow: 0 0 28px rgba(69, 179, 255, .12);
}

.premium-theme-mh-v21 .mh-packages-v2__heading p {
    color: #90a4bf !important;
}

.premium-theme-mh-v21 .mh-packages-v2__grid {
    position: relative !important;
    clear: both !important;
    z-index: 2 !important;
}

.premium-theme-mh-v21 .mh-package-card {
    border-color: rgba(73, 177, 255, .18);
    background:
        radial-gradient(circle at 16% 0%, rgba(53, 161, 255, .12), transparent 46%),
        linear-gradient(145deg, rgba(12, 35, 68, .96), rgba(5, 17, 38, .96));
    box-shadow:
        0 30px 72px rgba(0, 4, 17, .38),
        0 2px 5px rgba(0, 0, 0, .26),
        inset 0 1px 0 rgba(255,255,255,.075);
    backdrop-filter: blur(20px);
}

.premium-theme-mh-v21 .mh-package-card__badge {
    color: #89ddff;
    border-color: rgba(73, 177, 255, .25);
    background: rgba(37, 140, 255, .13);
}

.premium-theme-mh-v21 .mh-package-card__icon {
    border-color: rgba(73, 177, 255, .18);
    background: linear-gradient(145deg, #102f59, #071a35);
    box-shadow: 0 13px 30px rgba(0, 0, 0, .25), 0 0 18px rgba(45, 156, 255, .08);
}

.premium-theme-mh-v21 .mh-package-card h3 {
    color: #f7fbff !important;
}

.premium-theme-mh-v21 .mh-package-card__price {
    color: #55c9ff !important;
}

.premium-theme-mh-v21 .mh-trust-v2__item {
    color: #eef7ff;
    border-color: rgba(73, 177, 255, .16);
    background: rgba(8, 29, 57, .78);
    box-shadow: 0 22px 52px rgba(0, 4, 17, .30), inset 0 1px 0 rgba(255,255,255,.06);
}

.premium-theme-mh-v21 .mh-trust-v2__item strong {
    color: #f7fbff;
}

.premium-theme-mh-v21 .mh-trust-v2__item small {
    color: #8299b6;
}

.premium-ambient-v21 {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.mh-premium-hero .container {
    position: relative;
    z-index: 2;
}

.premium-ambient-v21--mh .mh-city-flow {
    position: absolute;
    right: -12%;
    width: 70%;
    height: 2px;
    opacity: .36;
    background: linear-gradient(90deg, transparent, rgba(50, 193, 255, .92), transparent);
    filter: blur(.4px) drop-shadow(0 0 8px rgba(42, 172, 255, .7));
    transform: rotate(-17deg);
    animation: mhCityFlowV21 9s linear infinite;
}

.premium-ambient-v21--mh .mh-city-flow--one { top: 42%; }
.premium-ambient-v21--mh .mh-city-flow--two { top: 63%; animation-delay: -4.5s; animation-duration: 12s; }

.premium-ambient-v21--mh .mh-window,
.premium-ambient-v21--mh .mh-beacon {
    position: absolute;
    display: block;
    border-radius: 50%;
}

.premium-ambient-v21--mh .mh-window {
    width: 4px;
    height: 4px;
    background: #ffd98a;
    box-shadow: 0 0 6px #ffcf67, 0 0 14px rgba(255, 190, 72, .62);
    animation: mhWindowV21 7.6s steps(1, end) infinite;
}

.premium-ambient-v21--mh .mh-window--one { left: 67%; top: 43%; animation-delay: -1.1s; }
.premium-ambient-v21--mh .mh-window--two { left: 74%; top: 50%; animation-delay: -4.3s; }
.premium-ambient-v21--mh .mh-window--three { left: 83%; top: 39%; animation-delay: -6.2s; }
.premium-ambient-v21--mh .mh-window--four { left: 90%; top: 58%; animation-delay: -2.8s; }

.premium-ambient-v21--mh .mh-beacon {
    width: 5px;
    height: 5px;
    background: #ff314d;
    box-shadow: 0 0 5px #ff314d, 0 0 14px rgba(255, 35, 67, .9), 0 0 28px rgba(255, 35, 67, .46);
    animation: mhBeaconV21 2.8s steps(1, end) infinite;
}

.premium-ambient-v21--mh .mh-beacon--one { left: 65%; top: 24%; }
.premium-ambient-v21--mh .mh-beacon--two { left: 79%; top: 18%; animation-delay: -.85s; }
.premium-ambient-v21--mh .mh-beacon--three { left: 91%; top: 27%; animation-delay: -1.7s; }

@media (hover:hover) and (pointer:fine) {
    .premium-theme-mh-v21 .premium-action-v21:hover {
        transform: perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px) translateZ(10px);
        filter: brightness(1.045);
        box-shadow: 0 17px 34px rgba(0, 16, 45, .25), 0 0 25px rgba(var(--premium-neon), .17);
    }

    .premium-theme-mh-v21 .mh-hero__trust > *:hover,
    .premium-theme-mh-v21 .tc-trust > *:hover {
        transform: translateY(-3px);
        border-color: rgba(79, 192, 255, .32);
        box-shadow: 0 15px 32px rgba(0, 16, 45, .22), 0 0 22px rgba(63, 184, 255, .11);
    }
}

@keyframes mhBrandPulseV21 {
    0%, 100% { box-shadow: 0 10px 28px rgba(36, 143, 255, .22); }
    50% { box-shadow: 0 12px 34px rgba(51, 190, 255, .37), 0 0 20px rgba(51, 190, 255, .13); }
}

@keyframes mhCityFlowV21 {
    0% { transform: translateX(24%) rotate(-17deg); opacity: 0; }
    18%, 78% { opacity: .36; }
    100% { transform: translateX(-88%) rotate(-17deg); opacity: 0; }
}

@keyframes mhWindowV21 {
    0%, 18%, 46%, 100% { opacity: .12; }
    19%, 45%, 72%, 84% { opacity: .88; }
    85%, 99% { opacity: .28; }
}

@keyframes mhBeaconV21 {
    0%, 7%, 14%, 100% { opacity: .12; transform: scale(.75); }
    8%, 13% { opacity: 1; transform: scale(1.12); }
}

@media (max-width: 760px) {
    .premium-ambient-v21--mh .mh-window--three,
    .premium-ambient-v21--mh .mh-window--four,
    .premium-ambient-v21--mh .mh-beacon--three,
    .premium-ambient-v21--mh .mh-city-flow--two {
        display: none;
    }
}

@media (hover:none), (pointer:coarse) {
    .premium-theme-mh-v21 .premium-action-v21 {
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-theme-mh-v21 .premium-action-v21,
    .premium-theme-mh-v21 .premium-brand-mark,
    .premium-ambient-v21--mh * {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
    .premium-ambient-v21 { display: none !important; }
}

/* V2.2 — living city without the central ring; spaced premium service cards */
.premium-theme-mh-v21 .mh-premium-hero {
    overflow: hidden;
}

.premium-theme-mh-v21 .mh-premium-hero .mh-hero__art {
    background-image:
        linear-gradient(90deg, #020916 0%, rgba(2, 9, 22, .98) 28%, rgba(2, 9, 22, .24) 63%, rgba(2, 9, 22, .08) 100%),
        linear-gradient(180deg, rgba(2, 8, 22, .05), rgba(2, 8, 22, .30)),
        url("mh-city-premium-v2-2.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
}

.premium-ambient-v22 {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.premium-theme-mh-v21 .mh-premium-hero .container {
    position: relative;
    z-index: 3;
}

.premium-ambient-v22--mh .mh-city-haze-v22 {
    position: absolute;
    right: 2%;
    bottom: 5%;
    width: 62%;
    height: 42%;
    opacity: .24;
    background: radial-gradient(ellipse at 50% 100%, rgba(32, 154, 255, .42), transparent 66%);
    filter: blur(28px);
    animation: mhCityHazeV22 10s ease-in-out infinite;
}

.premium-ambient-v22--mh .mh-city-flow-v22 {
    position: absolute;
    right: -10%;
    width: 58%;
    height: 1px;
    opacity: .24;
    background: linear-gradient(90deg, transparent, rgba(73, 198, 255, .95), transparent);
    filter: drop-shadow(0 0 7px rgba(46, 177, 255, .68));
    transform: rotate(-11deg);
    animation: mhCityFlowV22 12s linear infinite;
}

.premium-ambient-v22--mh .mh-city-flow-v22--one { top: 43%; }
.premium-ambient-v22--mh .mh-city-flow-v22--two { top: 67%; animation-delay: -6s; animation-duration: 15s; }

.premium-ambient-v22--mh .mh-window-v22,
.premium-ambient-v22--mh .mh-beacon-v22 {
    position: absolute;
    display: block;
    border-radius: 50%;
}

.premium-ambient-v22--mh .mh-window-v22 {
    width: 3px;
    height: 3px;
    background: #ffe5a5;
    box-shadow: 0 0 6px #ffd16c, 0 0 13px rgba(255, 190, 65, .64);
    animation: mhWindowV22 8.4s steps(1, end) infinite;
}

.mh-window-v22--one   { left: 58%; top: 43%; animation-delay: -.7s !important; }
.mh-window-v22--two   { left: 63%; top: 51%; animation-delay: -2.1s !important; }
.mh-window-v22--three { left: 68%; top: 37%; animation-delay: -5.5s !important; }
.mh-window-v22--four  { left: 73%; top: 57%; animation-delay: -3.6s !important; }
.mh-window-v22--five  { left: 78%; top: 45%; animation-delay: -7.1s !important; }
.mh-window-v22--six   { left: 82%; top: 54%; animation-delay: -1.4s !important; }
.mh-window-v22--seven { left: 86%; top: 35%; animation-delay: -6.2s !important; }
.mh-window-v22--eight { left: 90%; top: 62%; animation-delay: -4.4s !important; }
.mh-window-v22--nine  { left: 94%; top: 47%; animation-delay: -2.8s !important; }
.mh-window-v22--ten   { left: 70%; top: 68%; animation-delay: -7.7s !important; }

.premium-ambient-v22--mh .mh-beacon-v22 {
    width: 5px;
    height: 5px;
    background: #ff304c;
    box-shadow: 0 0 6px #ff304c, 0 0 16px rgba(255, 35, 67, .92), 0 0 30px rgba(255, 35, 67, .42);
    animation: mhBeaconV22 3.2s steps(1, end) infinite;
}

.mh-beacon-v22--one   { left: 61%; top: 25%; }
.mh-beacon-v22--two   { left: 72%; top: 18%; animation-delay: -.8s !important; }
.mh-beacon-v22--three { left: 83%; top: 23%; animation-delay: -1.6s !important; }
.mh-beacon-v22--four  { left: 93%; top: 28%; animation-delay: -2.4s !important; }

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi--list,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi--list.catpi--hor {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 14px !important;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item:hover,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item:focus-visible {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #f4f9ff !important;
    border: 1px solid rgba(69, 180, 255, .22) !important;
    border-radius: 15px !important;
    background:
        radial-gradient(circle at var(--glow-x, 18%) var(--glow-y, 0%), rgba(61, 187, 255, .16), transparent 46%),
        linear-gradient(145deg, rgba(11, 35, 69, .98), rgba(5, 17, 38, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 28px rgba(0, 5, 18, .28) !important;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item:hover {
    border-color: rgba(91, 207, 255, .58) !important;
    box-shadow: 0 17px 38px rgba(0, 8, 28, .34), 0 0 25px rgba(62, 185, 255, .20), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .icon,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item:hover .icon,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .icon i,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item:hover .icon i {
    opacity: 1 !important;
    visibility: visible !important;
    color: var(--c) !important;
    filter: none !important;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .icon::before,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item:hover .icon::before {
    opacity: .15 !important;
    background: var(--c) !important;
}

.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .text,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item:hover .text,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item .text * ,
.premium-theme-mh-v21 .mh-premium-category-wrap .catpi-item:hover .text * {
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes mhCityHazeV22 {
    0%, 100% { opacity: .15; transform: scale(.96); }
    50% { opacity: .29; transform: scale(1.04); }
}

@keyframes mhCityFlowV22 {
    0% { transform: translateX(28%) rotate(-11deg); opacity: 0; }
    16%, 74% { opacity: .24; }
    100% { transform: translateX(-94%) rotate(-11deg); opacity: 0; }
}

@keyframes mhWindowV22 {
    0%, 16%, 45%, 100% { opacity: .08; }
    17%, 44%, 65%, 82% { opacity: .95; }
    83%, 99% { opacity: .22; }
}

@keyframes mhBeaconV22 {
    0%, 6%, 13%, 100% { opacity: .10; transform: scale(.72); }
    7%, 12% { opacity: 1; transform: scale(1.18); }
}

@media (max-width: 1120px) {
    .premium-theme-mh-v21 .mh-premium-category-wrap .catpi--list,
    .premium-theme-mh-v21 .mh-premium-category-wrap .catpi--list.catpi--hor {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .premium-theme-mh-v21 .mh-premium-category-wrap .catpi--list,
    .premium-theme-mh-v21 .mh-premium-category-wrap .catpi--list.catpi--hor {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        padding: 9px !important;
    }
    .mh-window-v22--seven,
    .mh-window-v22--eight,
    .mh-window-v22--nine,
    .mh-window-v22--ten,
    .mh-beacon-v22--four {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-ambient-v22--mh * {
        animation: none !important;
    }
}