/* MH Unified Inner Pages V1.1 — masaüstü + mobil ortak tasarım sistemi */
:root {
    --mhui-page: #092642;
    --mhui-page-2: #0b2b4b;
    --mhui-page-3: #0d3154;
    --mhui-surface: rgba(13, 48, 82, .86);
    --mhui-surface-strong: rgba(10, 39, 69, .96);
    --mhui-surface-soft: rgba(18, 59, 99, .72);
    --mhui-accent: #248cff;
    --mhui-accent-2: #55d9ff;
    --mhui-line: rgba(91, 184, 255, .28);
    --mhui-line-strong: rgba(105, 207, 255, .66);
    --mhui-text: #f7fbff;
    --mhui-muted: #a8bdd3;
    --mhui-shadow: rgba(0, 10, 24, .28);
}

html.mhui-active,
body.mhui-active,
body.mhui-active main,
body.mhui-active .eg--body {
    color: var(--mhui-text) !important;
    background-color: var(--mhui-page) !important;
}

body.mhui-active main {
    position: relative;
    isolation: isolate;
    background-image:
        radial-gradient(circle at 50% 0%, rgba(36, 140, 255, .11), transparent 34%),
        linear-gradient(rgba(85, 217, 255, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(85, 217, 255, .028) 1px, transparent 1px),
        linear-gradient(180deg, var(--mhui-page-2), var(--mhui-page)) !important;
    background-size: auto, 48px 48px, 48px 48px, auto !important;
}

body.mhui-active .path-wave::after,
body.mhui-active .path-wave-up::before { display: none !important; }

/* Hizmet listesi */
body.mhui-service .psc-shell {
    --psc-bg: var(--mhui-page);
    --psc-surface: var(--mhui-surface);
    --psc-surface-strong: var(--mhui-surface-strong);
    --psc-line: var(--mhui-line);
    --psc-line-strong: var(--mhui-line-strong);
    --psc-muted: var(--mhui-muted);
    background: var(--mhui-page) !important;
}

body.mhui-service .psc-hero {
    background:
        radial-gradient(circle at 78% 24%, rgba(36, 140, 255, .2), transparent 28%),
        radial-gradient(circle at 10% 82%, rgba(85, 217, 255, .08), transparent 27%),
        linear-gradient(125deg, #092642 0%, #0d3154 55%, #0a2848 100%) !important;
}

body.mhui-service .psc-catalog {
    background:
        radial-gradient(circle at 50% 0%, rgba(36, 140, 255, .12), transparent 32%),
        linear-gradient(rgba(85, 217, 255, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(85, 217, 255, .025) 1px, transparent 1px),
        linear-gradient(180deg, #0b2d4e 0%, #092642 100%) !important;
    background-size: auto, 46px 46px, 46px 46px, auto !important;
}

body.mhui-service .psc-catalog::before {
    opacity: .22 !important;
    background-image: radial-gradient(rgba(85, 217, 255, .16) .8px, transparent .8px) !important;
    background-size: 26px 26px !important;
    mask-image: none !important;
}

body.mhui-service .psc-shell .container { width: min(1380px, calc(100% - 48px)) !important; }
body.mhui-service .psc-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 15px !important;
}

body.mhui-service .psc-card {
    min-height: 158px !important;
    height: auto !important;
    aspect-ratio: auto !important;
    border-color: var(--mhui-line) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), transparent 44%),
        var(--mhui-surface) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 16px 36px var(--mhui-shadow),
        0 0 22px rgba(36, 140, 255, .07) !important;
}

body.mhui-service .psc-card:hover {
    background:
        linear-gradient(145deg, rgba(36, 140, 255, .17), transparent 48%),
        rgba(13, 48, 82, .96) !important;
}

body.mhui-service .psc-card.mhui-last-a { grid-column: 2; }
body.mhui-service .psc-card.mhui-last-b { grid-column: 3; }
body.mhui-service .psc-toolbar,
body.mhui-service .psc-search input { background: rgba(7, 31, 56, .66) !important; }

/* Paket seçim sayfası */
body.mhui-category .pcd-shell {
    --pcd-bg: var(--mhui-page);
    --pcd-surface: var(--mhui-surface);
    --pcd-surface-strong: var(--mhui-surface-strong);
    --pcd-line: var(--mhui-line);
    --pcd-line-strong: var(--mhui-line-strong);
    --pcd-muted: var(--mhui-muted);
    background: var(--mhui-page) !important;
}

body.mhui-category .pcd-shell .ip--category {
    background:
        radial-gradient(circle at 78% 22%, rgba(36, 140, 255, .2), transparent 28%),
        radial-gradient(circle at 10% 84%, rgba(85, 217, 255, .08), transparent 27%),
        linear-gradient(125deg, #092642 0%, #0d3154 55%, #0a2848 100%) !important;
}

body.mhui-category .pcd-shell > section:not(.ip--category),
body.mhui-category .pcd-shell #faq,
body.mhui-category .pcd-shell #article,
body.mhui-category .pcd-shell #comments {
    background:
        radial-gradient(circle at 50% 0%, rgba(36, 140, 255, .09), transparent 34%),
        linear-gradient(rgba(85, 217, 255, .024) 1px, transparent 1px),
        linear-gradient(90deg, rgba(85, 217, 255, .024) 1px, transparent 1px),
        linear-gradient(180deg, #0b2b4b, #092642) !important;
    background-size: auto, 48px 48px, 48px 48px, auto !important;
}

body.mhui-category .pcd-shell .service--area { align-items: start !important; }
body.mhui-category .pcd-shell .service--features ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}
body.mhui-category .pcd-shell .service--features li {
    min-height: 58px !important;
    margin: 0 !important;
    padding: 10px 11px !important;
    border-color: var(--mhui-line) !important;
    background: var(--mhui-surface) !important;
}

body.mhui-category .pcd-shell .pack--list .pack {
    border-color: var(--mhui-line) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .07), transparent 48%),
        var(--mhui-surface) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 15px 34px rgba(0, 10, 24, .2) !important;
}
body.mhui-category .pcd-shell .pack--list .pack:hover,
body.mhui-category .pcd-shell .pack--list .pack.active {
    border-color: var(--mhui-line-strong) !important;
    background:
        linear-gradient(145deg, rgba(36, 140, 255, .18), transparent 52%),
        rgba(14, 53, 90, .96) !important;
}
body.mhui-category .pcd-shell .pack--list .pack.mhui-pack-last { grid-column: 2; }

body.mhui-category .pcd-shell #faq .accordion .item,
body.mhui-category .pcd-shell .add-comment_content,
body.mhui-category .pcd-shell .article--area {
    border-color: var(--mhui-line) !important;
    background: var(--mhui-surface) !important;
}
body.mhui-category .pcd-shell .add-comment_content input,
body.mhui-category .pcd-shell .add-comment_content textarea {
    border-color: var(--mhui-line) !important;
    color: var(--mhui-text) !important;
    background: rgba(6, 29, 53, .62) !important;
}

/* Ürün formu ve ödeme sayfası */
body.mhui-product #orderPage,
body.mhui-payment #orderPage {
    position: relative;
    min-height: 560px;
    padding: 42px 0 68px !important;
    color: var(--mhui-text) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(36, 140, 255, .12), transparent 34%),
        linear-gradient(rgba(85, 217, 255, .026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(85, 217, 255, .026) 1px, transparent 1px),
        linear-gradient(180deg, #0b2d4e, #092642) !important;
    background-size: auto, 48px 48px, 48px 48px, auto !important;
}

body.mhui-product #orderPage .container,
body.mhui-payment #orderPage .container { width: min(1380px, calc(100% - 48px)); max-width: none; }

body.mhui-product #orderPage .card,
body.mhui-payment #orderPage .card,
body.mhui-product #orderPage .order--step,
body.mhui-payment #orderPage .order--step,
body.mhui-product #orderPage .baco-step,
body.mhui-payment #orderPage .baco-step,
body.mhui-product #orderPage .firstcont,
body.mhui-payment #orderPage .firstcont,
body.mhui-product #orderPage [class*="summary"],
body.mhui-payment #orderPage [class*="summary"] {
    border: 1px solid var(--mhui-line) !important;
    border-radius: 20px !important;
    color: var(--mhui-text) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .07), transparent 42%),
        var(--mhui-surface) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 42px rgba(0, 10, 24, .24) !important;
}

body.mhui-product #orderPage h1,
body.mhui-product #orderPage h2,
body.mhui-product #orderPage h3,
body.mhui-product #orderPage h4,
body.mhui-payment #orderPage h1,
body.mhui-payment #orderPage h2,
body.mhui-payment #orderPage h3,
body.mhui-payment #orderPage h4,
body.mhui-product #orderPage .order-payment_title,
body.mhui-payment #orderPage .order-payment_title { color: var(--mhui-text) !important; }

body.mhui-product #orderPage p,
body.mhui-product #orderPage label,
body.mhui-product #orderPage li,
body.mhui-payment #orderPage p,
body.mhui-payment #orderPage label,
body.mhui-payment #orderPage li { color: var(--mhui-muted) !important; }

body.mhui-product #orderPage input,
body.mhui-product #orderPage select,
body.mhui-product #orderPage textarea,
body.mhui-payment #orderPage input,
body.mhui-payment #orderPage select,
body.mhui-payment #orderPage textarea {
    border: 1px solid var(--mhui-line) !important;
    border-radius: 13px !important;
    color: var(--mhui-text) !important;
    background: rgba(5, 27, 50, .68) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}
body.mhui-product #orderPage input::placeholder,
body.mhui-product #orderPage textarea::placeholder,
body.mhui-payment #orderPage input::placeholder,
body.mhui-payment #orderPage textarea::placeholder { color: #8da8c1 !important; opacity: .82; }
body.mhui-product #orderPage input:focus,
body.mhui-product #orderPage textarea:focus,
body.mhui-payment #orderPage input:focus,
body.mhui-payment #orderPage textarea:focus {
    border-color: var(--mhui-line-strong) !important;
    box-shadow: 0 0 0 4px rgba(36, 140, 255, .13), 0 0 24px rgba(36, 140, 255, .12) !important;
}

body.mhui-product #orderPage .pack,
body.mhui-product #orderPage [class*="package-card"],
body.mhui-product #orderPage [class*="package-option"] {
    border: 1px solid var(--mhui-line) !important;
    border-radius: 17px !important;
    color: var(--mhui-text) !important;
    background: var(--mhui-surface-soft) !important;
}
body.mhui-product #orderPage .pack.active,
body.mhui-product #orderPage [class*="package-card"].active,
body.mhui-product #orderPage [class*="package-option"].active,
body.mhui-product #orderPage [class*="package-option"].is-selected,
body.mhui-product #orderPage [class*="package-card"].selected,
body.mhui-product #orderPage [class*="package-option"].selected {
    border-color: var(--mhui-line-strong) !important;
    background: rgba(36, 140, 255, .16) !important;
    box-shadow: 0 0 28px rgba(36, 140, 255, .18) !important;
}

/* Canlı akıllı sipariş şablonu: beyaz blokları ve paket seçeneklerini tema içine al */
body.mhui-product #orderPage.mh-order-page .mh-order-card,
body.mhui-product #orderPage.mh-order-page .mh-trust-grid > div {
    border: 1px solid var(--mhui-line) !important;
    color: var(--mhui-text) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), transparent 44%),
        rgba(13, 48, 82, .88) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 42px rgba(0, 10, 24, .23) !important;
}
body.mhui-product #orderPage.mh-order-page .mh-order-card__head h2,
body.mhui-product #orderPage.mh-order-page .mh-target-box label,
body.mhui-product #orderPage.mh-order-page .mh-package-option strong,
body.mhui-product #orderPage.mh-order-page .mh-trust-grid strong { color: var(--mhui-text) !important; }
body.mhui-product #orderPage.mh-order-page .mh-order-card__head p,
body.mhui-product #orderPage.mh-order-page .mh-package-option span,
body.mhui-product #orderPage.mh-order-page .mh-target-status,
body.mhui-product #orderPage.mh-order-page .mh-trust-grid span { color: var(--mhui-muted) !important; }
body.mhui-product #orderPage.mh-order-page .mh-package-option {
    appearance: none;
    min-height: 124px !important;
    padding: 15px !important;
    border: 1px solid var(--mhui-line) !important;
    border-radius: 16px !important;
    color: var(--mhui-text) !important;
    text-align: left !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 52%),
        rgba(10, 42, 73, .82) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,10,24,.14) !important;
}
body.mhui-product #orderPage.mh-order-page .mh-package-option:hover,
body.mhui-product #orderPage.mh-order-page .mh-package-option.is-selected {
    transform: translateY(-2px) !important;
    border-color: var(--mhui-line-strong) !important;
    background:
        linear-gradient(145deg, rgba(36, 140, 255, .2), transparent 58%),
        rgba(15, 56, 94, .96) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 12px 28px rgba(0,10,24,.2), 0 0 24px rgba(36,140,255,.16) !important;
}
body.mhui-product #orderPage.mh-order-page .mh-package-option b { color: var(--mhui-accent-2) !important; }
body.mhui-product #orderPage.mh-order-page .mh-package-option em {
    color: #8ef0c3 !important;
    background: rgba(32, 181, 127, .13) !important;
    border: 1px solid rgba(85, 225, 174, .22);
}
body.mhui-product #orderPage.mh-order-page .mh-target-preview {
    border-color: var(--mhui-line) !important;
    background: rgba(6, 29, 53, .6) !important;
}
body.mhui-product #orderPage.mh-order-page .mh-target-preview strong { color: var(--mhui-text) !important; }
body.mhui-product #orderPage.mh-order-page .mh-target-preview span,
body.mhui-product #orderPage.mh-order-page .mh-target-preview small { color: var(--mhui-muted) !important; }
body.mhui-product #orderPage.mh-order-page .mh-summary-card {
    border-color: var(--mhui-line) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(36,140,255,.22), transparent 38%),
        linear-gradient(145deg, rgba(16,58,96,.96), rgba(8,35,62,.98)) !important;
}

body.mhui-payment #orderPage .PaymentMethod li {
    border: 1px solid var(--mhui-line) !important;
    border-radius: 16px !important;
    color: var(--mhui-text) !important;
    background: rgba(10, 42, 73, .74) !important;
}
body.mhui-payment #orderPage .PaymentMethod li.selected {
    border-color: var(--mhui-line-strong) !important;
    background: rgba(36, 140, 255, .17) !important;
    box-shadow: 0 0 26px rgba(36, 140, 255, .17) !important;
}
body.mhui-product #orderPage .butto-main,
body.mhui-product #orderPage .mh-target-row > button,
body.mhui-product #orderPage .mh-add-cart,
body.mhui-product #orderPage .order-check-butto,
body.mhui-payment #orderPage .butto-main,
body.mhui-payment #orderPage .orActionBTND {
    border: 1px solid rgba(105, 207, 255, .72) !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1680f3, #29b8ef) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 12px 28px rgba(15, 120, 236, .24), 0 0 24px rgba(36, 140, 255, .18) !important;
}

/* Ödeme sayfasındaki eski açık renk parçaları da aynı cam sistemine bağla */
body.mhui-payment #orderPage .mh-payment-continue,
body.mhui-payment #orderPage .cart-item,
body.mhui-payment #orderPage .paymentDetail {
    border: 1px solid var(--mhui-line) !important;
    color: var(--mhui-text) !important;
    background: rgba(10, 42, 73, .76) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.mhui-payment #orderPage .mh-payment-continue strong,
body.mhui-payment #orderPage .cart-item,
body.mhui-payment #orderPage .cart-item .cart-name .subname,
body.mhui-payment #orderPage #sepet-items p { color: var(--mhui-text) !important; }
body.mhui-payment #orderPage .mh-payment-continue span,
body.mhui-payment #orderPage .cart-item .cart-link { color: var(--mhui-muted) !important; }
body.mhui-payment #orderPage .mh-payment-continue a {
    border: 1px solid rgba(105,207,255,.5) !important;
    color: #fff !important;
    background: rgba(36,140,255,.16) !important;
}
body.mhui-payment #orderPage .cart-price .price {
    color: var(--mhui-accent-2) !important;
    background: rgba(36,140,255,.11) !important;
}

/* Ana sayfa standardında iletişim ve footer */
body.mhui-active > .container:has(> .footer--top) {
    position: relative;
    z-index: 5;
    padding-top: 28px;
    background: var(--mhui-page) !important;
}
body.mhui-active .footer--top,
body.mhui-active .mhui-contact {
    height: auto !important;
    min-height: 88px;
    margin-top: 0 !important;
    margin-bottom: -44px !important;
    padding: 17px 22px !important;
    border: 1px solid rgba(91, 184, 255, .42) !important;
    border-radius: 20px !important;
    color: var(--mhui-text) !important;
    background:
        linear-gradient(135deg, rgba(36, 140, 255, .2), rgba(13, 48, 82, .92) 48%, rgba(9, 38, 66, .97)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 18px 44px rgba(0, 10, 24, .28), 0 0 30px rgba(36, 140, 255, .14) !important;
    backdrop-filter: blur(18px) saturate(150%);
}
body.mhui-active .footer--top .text,
body.mhui-active .footer--top .text p { color: var(--mhui-muted) !important; }
body.mhui-active .footer--top .text span { color: var(--mhui-text) !important; }
body.mhui-active .footer--top .action .item {
    border: 1px solid rgba(91, 184, 255, .34) !important;
    border-radius: 13px !important;
    color: #eaf8ff !important;
    background: rgba(36, 140, 255, .1) !important;
}

body.mhui-active footer.mhui-footer,
body.mhui-active footer {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(91, 184, 255, .25) !important;
    background: linear-gradient(180deg, #0a2a49 0%, #071d35 48%, #06182d 100%) !important;
}
body.mhui-active footer::before {
    content: "";
    position: absolute;
    inset: 0 0 auto auto;
    width: min(58vw, 920px);
    height: 330px;
    pointer-events: none;
    opacity: .18;
    background: linear-gradient(90deg, transparent, rgba(7, 29, 53, .25)), url('/mh-city-premium-v2-2.webp') center right / cover no-repeat;
    mask-image: linear-gradient(90deg, transparent, #000 38%, #000);
}
body.mhui-active footer .container { position: relative; z-index: 1; }
body.mhui-active footer .footer--area { padding-top: 48px !important; }
body.mhui-active footer .footer-about {
    margin-top: 38px !important;
    padding: 20px !important;
    border: 1px solid var(--mhui-line) !important;
    border-radius: 18px !important;
    background: rgba(13, 48, 82, .52) !important;
}
body.mhui-active footer .footer-about-desc { color: var(--mhui-muted) !important; line-height: 1.65; }
body.mhui-active footer .footer-socials { display: flex; flex-wrap: wrap; gap: 8px; }
body.mhui-active footer .footer-socials .fsocial-item {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid var(--mhui-line) !important;
    border-radius: 13px !important;
    color: var(--mhui-accent-2) !important;
    background: rgba(36, 140, 255, .1) !important;
}
body.mhui-active footer .footer-actions { padding-top: 24px !important; }
body.mhui-active footer .footer-navs { gap: 18px !important; }
body.mhui-active footer .footer-nav-item {
    padding: 18px !important;
    border: 1px solid rgba(91, 184, 255, .18) !important;
    border-radius: 16px !important;
    background: rgba(8, 34, 61, .56) !important;
}
body.mhui-active footer .footer-nav-heading { color: var(--mhui-text) !important; }
body.mhui-active footer .footer-nav-heading::before { background: var(--mhui-accent) !important; box-shadow: 0 0 14px rgba(36, 140, 255, .42); }
body.mhui-active footer a { color: var(--mhui-muted) !important; }
body.mhui-active footer a:hover { color: var(--mhui-accent-2) !important; }
body.mhui-active footer .footer-bottom {
    border-top: 1px solid rgba(91, 184, 255, .2) !important;
    background: #06182d !important;
}
body.mhui-active footer .copyright.mhui-signature {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 44px;
    color: rgba(233, 240, 255, .72) !important;
    font-size: 14px;
    font-weight: 600;
}
body.mhui-active footer .mhui-signature span { color: rgba(233, 240, 255, .58); }
body.mhui-active footer .mhui-signature strong {
    color: var(--mhui-accent-2);
    font-weight: 900;
    text-shadow: 0 0 20px rgba(36, 140, 255, .38);
}

/* İç sayfalarda mobil alt menü: beyaz şerit yerine hafif lacivert cam */
body.mhui-active .bottom--menu {
    border-top: 1px solid rgba(91,184,255,.34) !important;
    background: rgba(7, 29, 53, .91) !important;
    box-shadow: 0 -12px 34px rgba(0,10,24,.3) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%);
    backdrop-filter: blur(18px) saturate(145%);
}
body.mhui-active .bottom--menu .bottom--content,
body.mhui-active .bottom--menu .bottom-content-nav,
body.mhui-active .bottom--menu .bm-item { background: transparent !important; }
body.mhui-active .bottom--menu .bm-item { color: var(--mhui-muted) !important; }
body.mhui-active .bottom--menu .bm-item .icon { color: var(--mhui-accent-2) !important; }

@media (max-width: 1080px) {
    body.mhui-service .psc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    body.mhui-service .psc-card.mhui-last-a,
    body.mhui-service .psc-card.mhui-last-b { grid-column: auto; }
    body.mhui-category .pcd-shell .service--features ul { grid-template-columns: 1fr !important; }
}

@media (max-width: 780px) {
    body.mhui-service .psc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.mhui-product #orderPage .container,
    body.mhui-payment #orderPage .container { width: min(100% - 28px, 1380px); }
    body.mhui-active .footer--top { align-items: flex-start !important; margin-inline: 6px !important; padding: 17px !important; }
    body.mhui-active .footer--top .action { width: 100%; flex-wrap: wrap; }
    body.mhui-active .footer--top .action .item { flex: 1; min-width: 96px; justify-content: center; }
    body.mhui-active footer .footer--area { padding-top: 58px !important; }
}

@media (max-width: 640px) {
    body.mhui-active main { background-size: auto, 34px 34px, 34px 34px, auto !important; }
    body.mhui-active header.premium-site-header { padding: 7px 0 !important; }
    body.mhui-active .premium-site-header .premium-header-shell { min-height: 60px !important; padding: 6px !important; }
    body.mhui-active .premium-site-header .premium-brand { min-height: 46px !important; padding: 6px 9px !important; }
    body.mhui-active .premium-site-header .premium-brand-logo { width: min(100%, 220px) !important; }
    body.mhui-active .premium-site-header .premium-header-cart.cart { width: 48px !important; min-width: 48px !important; min-height: 48px !important; }
    body.mhui-active .premium-site-header .premium-header-cart-icon { width: 37px !important; height: 37px !important; flex-basis: 37px !important; }
    body.mhui-active .premium-site-header .mobile-navbar-button { width: 42px !important; min-width: 42px !important; }

    body.mhui-service .psc-shell .container { width: min(100% - 28px, 1380px) !important; }
    body.mhui-service .psc-hero { min-height: 0 !important; padding: 38px 0 30px !important; }
    body.mhui-service .psc-hero::before { opacity: .16 !important; }
    body.mhui-service .psc-hero::after { top: 8% !important; right: -80px !important; width: 190px !important; opacity: .2 !important; }
    body.mhui-service .psc-hero-main { grid-template-columns: 56px minmax(0,1fr) !important; gap: 14px !important; align-items: center !important; }
    body.mhui-service .psc-platform-icon { width: 56px !important; height: 56px !important; min-width: 56px !important; border-radius: 16px !important; }
    body.mhui-service .psc-platform-icon::before { inset: -5px !important; border-radius: 21px !important; }
    body.mhui-service .psc-platform-icon::after { inset: 7px !important; border-radius: 11px !important; }
    body.mhui-service .psc-platform-icon i { font-size: 26px !important; }
    body.mhui-service .psc-hero h1 { font-size: clamp(27px, 8vw, 34px) !important; line-height: 1.04 !important; }
    body.mhui-service .psc-hero-description { font-size: 13px !important; line-height: 1.48 !important; }
    body.mhui-service .psc-hero-meta { margin-top: 10px !important; }
    body.mhui-service .psc-meta-item { min-height: 32px !important; padding: 6px 9px !important; font-size: 10px !important; }
    body.mhui-service .psc-catalog { padding-top: 30px !important; }
    body.mhui-service .psc-heading h2 { font-size: 30px !important; }
    body.mhui-service .psc-grid { grid-template-columns: 1fr !important; }
    body.mhui-service .psc-card { min-height: 0 !important; }
    body.mhui-service .psc-card.mhui-last-a,
    body.mhui-service .psc-card.mhui-last-b { grid-column: auto; }
    body.mhui-category .pcd-shell .pack--list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.mhui-category .pcd-shell .pack--list .pack.mhui-pack-last { grid-column: 1 / -1; width: calc(50% - 6px); justify-self: center; }
    body.mhui-category .pcd-shell .ip--category { padding: 36px 0 28px !important; }
    body.mhui-category .pcd-shell .intro--head.ftx { grid-template-columns: 54px minmax(0,1fr) !important; gap: 13px !important; }
    body.mhui-category .pcd-shell .intro--head.ftx > .icon { width: 54px !important; height: 54px !important; min-width: 54px !important; }
    body.mhui-category .pcd-shell .intro--head.ftx .text h1 { font-size: clamp(25px,7.5vw,32px) !important; }
    body.mhui-category .pcd-shell .path-wave,
    body.mhui-category .pcd-shell .path-wave.path-wave-up { padding: 20px 0 82px !important; }
    body.mhui-category .pcd-shell .service--detail .poster {
        height: 230px !important;
        min-height: 230px !important;
        padding: 0 0 60px !important;
        border-radius: 20px !important;
    }
    body.mhui-category .pcd-shell .service--detail .poster .count { min-height: 44px !important; padding: 7px 9px 7px 11px !important; }
    body.mhui-category .pcd-shell .service--detail .service--features ul { gap: 6px !important; }
    body.mhui-category .pcd-shell .service--detail .service--features ul li { min-height: 44px !important; padding: 6px 8px !important; }
    body.mhui-category .pcd-shell .service--features li > .icon { width: 28px !important; height: 28px !important; min-width: 28px !important; font-size: 13px !important; }
    body.mhui-category .pcd-shell .service--features li > span { font-size: 10px !important; line-height: 1.25 !important; }
    body.mhui-category .pcd-shell .service--content .service--bottom,
    body.mhui-category .pcd-shell .service--content .service--bottom.active-bar { min-height: 58px !important; padding: 6px !important; }
    body.mhui-category .pcd-shell .pack--action .pack--butto { min-width: 124px !important; min-height: 42px !important; padding: 7px 12px !important; }
    body.mhui-product #orderPage,
    body.mhui-payment #orderPage { padding: 26px 0 54px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-order-card { padding: 15px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-order-card__head { gap: 10px !important; margin-bottom: 16px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-step { flex-basis: 34px !important; height: 34px !important; border-radius: 11px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-order-card__head h2 { font-size: 18px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-order-card__head p { font-size: 12px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-package-grid { gap: 8px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-package-option { min-height: 104px !important; padding: 11px !important; border-radius: 14px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-package-option strong { font-size: 20px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-package-option span { margin: 3px 0 7px !important; font-size: 11px !important; }
    body.mhui-product #orderPage.mh-order-page .mh-package-option b { font-size: 14px !important; }
    body.mhui-payment #orderPage .mh-payment-continue { align-items: flex-start !important; flex-direction: column !important; }
    body.mhui-product #orderPage .card,
    body.mhui-payment #orderPage .card,
    body.mhui-product #orderPage .order--step,
    body.mhui-payment #orderPage .order--step,
    body.mhui-product #orderPage .baco-step,
    body.mhui-payment #orderPage .baco-step { border-radius: 17px !important; }
    body.mhui-active footer::before { width: 100%; opacity: .11; }
    body.mhui-active footer .footer-about,
    body.mhui-active footer .footer-nav-item { padding: 15px !important; }
    body.mhui-active footer .copyright.mhui-signature { justify-content: center; width: 100%; font-size: 12px; text-align: center; }
    body.mhui-active .bottom--menu .bottom--content { min-height: 64px !important; }
    body.mhui-active .bottom--menu .bm-item { min-height: 58px !important; font-size: 11px !important; }
    body.mhui-active .bottom--menu .bm-item .icon { font-size: 21px !important; }
}

@media (prefers-reduced-motion: reduce) {
    body.mhui-active *, body.mhui-active *::before, body.mhui-active *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}