/* Prevent page shift when modals open (scrollbar gutter compensation) */
html {
    overflow-y: auto;
    scrollbar-gutter: stable; /* reserve scrollbar space even when no scrollbar shown */
}
/* Override iziModal's overflow:hidden on html — keep scrollbar gutter intact */
html.iziModal-isOverflow,
html.iziModal-isAttached {
    overflow-y: auto !important;
}
/* Prevent double scrollbar appearing on body */
html.iziModal-isOverflow body,
html.iziModal-isAttached body {
    overflow-y: auto !important;
}

/* Global light-surface calibration
   The base template uses very pale blue/purple whites for most light surfaces.
   Those hues drift noticeably between monitors, so keep shared surfaces neutral. */
html:not([data-bs-theme="dark"]) body#clean-theme-client {
    color-scheme: light;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-light: #f8fafc;
    --bs-light-rgb: 248, 250, 252;
    --bs-light-bg-subtle: #f6f8fb;
    --bs-secondary-bg: #eef2f7;
    --bs-secondary-bg-rgb: 238, 242, 247;
    --bs-tertiary-bg: #f7f9fc;
    --bs-tertiary-bg-rgb: 247, 249, 252;
    --bs-border-color: #dbe3ee;
    --bs-border-color-translucent: rgba(15, 23, 42, 0.10);
    --wcp-page-bg: #f7f8fb;
    --wcp-surface: #ffffff;
    --wcp-surface-soft: #f8fafc;
    --wcp-surface-muted: #f3f6fa;
    --wcp-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

html:not([data-bs-theme="dark"]) body#clean-theme-client.bg-light {
    background-color: var(--wcp-page-bg) !important;
}

html:not([data-bs-theme="dark"]) body#clean-theme-client .bg-light,
html:not([data-bs-theme="dark"]) body#clean-theme-client .bg-light-subtle {
    background-color: var(--wcp-surface-soft) !important;
}

html:not([data-bs-theme="dark"]) body#clean-theme-client section.bg-light,
html:not([data-bs-theme="dark"]) body#clean-theme-client .section-space-y.bg-light,
html:not([data-bs-theme="dark"]) body#clean-theme-client .section-space-md-y.bg-light,
html:not([data-bs-theme="dark"]) body#clean-theme-client .section-space-lg-y.bg-light {
    background: var(--wcp-page-bg) !important;
}

html:not([data-bs-theme="dark"]) body#clean-theme-client .bg-white,
html:not([data-bs-theme="dark"]) body#clean-theme-client .card,
html:not([data-bs-theme="dark"]) body#clean-theme-client [class*="card"].bg-light {
    background-color: var(--wcp-surface) !important;
}

html:not([data-bs-theme="dark"]) body#clean-theme-client .shadow-lg {
    box-shadow: var(--wcp-shadow) !important;
}

/* Navbar: always show solid background from page top (don't wait for scroll) */
body#clean-theme-client .primary-header--transparent-dark-alt:not(.primary-header--boxed) {
    background-color: var(--bs-light-bg-subtle);
    filter: none !important;
    box-shadow: 0 10px 28px -22px rgba(var(--bs-black-rgb), 0.26);
}

/* Server page: reset secondary color in navbar to match other pages (cloud-server-hosting theme overrides --bs-secondary to cyan #1dffff) */
[data-theme=cloud-server-hosting] .primary-header {
    --bs-secondary: #5C65FF;
    --bs-secondary-rgb: 92, 101, 255;
    --bs-secondary-bg-subtle: #f6f7fd;
    --bs-secondary-text-emphasis: #03063a;
}

/* =====================================================================
   GLOBAL PRIMARY HEADER — TEK KAYNAK
   Header markup'ı tek dosyadan (inc/main-header.php) gelir; görünümü de
   body-class'tan BAĞIMSIZ olarak buradan yönetilir. Böylece her sayfa
   (anasayfa, hakkımızda, sözleşmeler, ürün sayfaları, 404, vb.) istisnasız
   anasayfadaki header'la birebir aynı görünür. Header'a dair bir değişiklik
   yalnızca bu blokta yapılmalıdır.
   ===================================================================== */
body#clean-theme-client .primary-header {
    font-family: inherit;
}
body#clean-theme-client .primary-header .navbar-nav,
body#clean-theme-client .primary-header .list {
    margin: 0;
    padding: 0;
    list-style: none;
}
body#clean-theme-client .primary-header .logo {
    position: relative;
    float: none;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    height: 2rem;
}
body#clean-theme-client .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}
body#clean-theme-client .primary-header .logo img,
body#clean-theme-client .primary-header .navigation-0__menu-img,
body#clean-theme-client .primary-header .list img {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
}
body#clean-theme-client .primary-header .logo__img--dark {
    display: none;
}
html[data-bs-theme="dark"] body#clean-theme-client .primary-header .logo__img--dark {
    display: inline-block;
}
html[data-bs-theme="dark"] body#clean-theme-client .primary-header .logo__img--light {
    display: none;
}
body#clean-theme-client .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client.html-home-3,
body#clean-theme-client.html-cart {
    padding-top: 0;
}

body#clean-theme-client.html-home-3 .primary-header,
body#clean-theme-client.html-cart .primary-header {
    font-family: inherit;
}

body#clean-theme-client.html-home-3 .primary-header .logo,
body#clean-theme-client.html-cart .primary-header .logo {
    position: relative;
    float: none;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    height: 2rem;
}

body#clean-theme-client.html-home-3 .primary-header .logo__img,
body#clean-theme-client.html-cart .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}

body#clean-theme-client.html-home-3 .primary-header .logo img,
body#clean-theme-client.html-cart .primary-header .logo img,
body#clean-theme-client.html-home-3 .primary-header .navigation-0__menu-img,
body#clean-theme-client.html-cart .primary-header .navigation-0__menu-img,
body#clean-theme-client.html-home-3 .primary-header .list img,
body#clean-theme-client.html-cart .primary-header .list img {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
}

body#clean-theme-client.html-home-3 .primary-header .logo__img--dark,
body#clean-theme-client.html-cart .primary-header .logo__img--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-home-3 .primary-header .logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .primary-header .logo__img--dark {
    display: inline-block;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-home-3 .primary-header .logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client.html-cart .primary-header .logo__img--light {
    display: none;
}

body#clean-theme-client.html-home-3 .primary-header .primary-header-cart-badge,
body#clean-theme-client.html-cart .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client.html-home-3 .accordion-body {
    color: #475569;
    line-height: 1.8;
}

body#clean-theme-client.html-home-3 .accordion-body p,
body#clean-theme-client.html-home-3 .accordion-body li {
    color: #475569;
    line-height: 1.8;
}

body#clean-theme-client.html-web-hosting {
    padding-top: 0;
    overflow-x: clip;
}

body#clean-theme-client.html-web-hosting .primary-header {
    font-family: inherit;
}

body#clean-theme-client.html-web-hosting .primary-header .navbar-nav,
body#clean-theme-client.html-web-hosting .primary-header .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-web-hosting .primary-header .logo {
    position: relative;
    float: none;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    height: 2rem;
}

body#clean-theme-client.html-web-hosting .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}

body#clean-theme-client.html-web-hosting img {
    float: none;
    max-width: 100%;
    height: auto;
}

body#clean-theme-client.html-web-hosting .primary-header .logo__img--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-web-hosting .primary-header .logo__img--dark {
    display: inline-block;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-web-hosting .primary-header .logo__img--light {
    display: none;
}

body#clean-theme-client.html-web-hosting .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light.primary-header--boxed > .container {
    background: transparent !important;
    box-shadow: none !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .nav-link,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-1__menu-link,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-1__sub-menu-link,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3__menu-link,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3__sub-menu-link {
    color: #0f172a !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .nav-link:hover,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .nav-link.active,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-1.has-sub-level-1:hover > a,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3.has-sub-level-1:hover > a,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .has-sub-level-2:hover > .navigation-1__menu-link {
    color: #2563eb !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-0__menu,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-1__menu,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-1__sub-menu,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3__menu,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3__sub-menu,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .dropdown-menu-light {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 40px -26px rgba(15, 23, 42, 0.32);
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-0__menu-link {
    color: #0f172a !important;
    background: #f8fbff !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-0__menu-link:hover,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-1__menu-link:hover,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-1__sub-menu-link:hover,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-link:hover,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3__menu-link:hover,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3__sub-menu-link:hover,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .dropdown-item:hover {
    background: #eef4ff !important;
    color: #2563eb !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-0__menu-title,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-title,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3__menu-title,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .dropdown-item {
    color: #0f172a !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-text,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-3__menu-text,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .dropdown-item span:last-child,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .btn.dropdown-toggle {
    color: #64748b !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-icon {
    background: rgba(37, 99, 235, 0.12) !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-icon-is {
    color: #2563eb !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-link:hover .navigation-2__menu-icon {
    background: #2563eb !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-link:hover .navigation-2__menu-icon-is {
    color: #ffffff !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-promo {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
}

body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-promo .navigation-3__menu-title,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-promo .navigation-3__menu-text,
body#clean-theme-client[class*="html-"] .primary-header.primary-header--light .navigation-2__menu-promo .btn {
    color: #0f172a;
}

body#clean-theme-client[class*="html-"] .primary-header .primary-header-locale-flag {
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    max-width: 1rem !important;
    min-height: 1rem !important;
    max-height: 1rem !important;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0;
    display: block !important;
}

body#clean-theme-client[class*="html-"] .primary-header .primary-header-currency-symbol {
    font-weight: 700;
    line-height: 1;
}

/* Premium header refresh for live Classic template */
body#clean-theme-client .primary-header {
    --cph-shell-bg: rgba(255, 255, 255, 0.96);
    --cph-shell-border: rgba(15, 23, 42, 0.08);
    --cph-shell-shadow: 0 14px 34px -26px rgba(15, 23, 42, 0.42), 0 1px 2px rgba(15, 23, 42, 0.04);
    --cph-text: #0f172a;
    --cph-muted: #64748b;
    --cph-hover-bg: rgba(37, 99, 235, 0.08);
    --cph-control-hover: rgba(148, 163, 184, 0.14);
    --cph-icon-hover: rgba(148, 163, 184, 0.12);
    --cph-soft-bg: rgba(255, 255, 255, 0.7);
    --cph-dropdown-bg: rgba(255, 255, 255, 0.98);
    --cph-panel-offset: 0.62rem;
    background: transparent !important;
    padding: 0 !important;
    z-index: 1035;
}

body#clean-theme-client .primary-header.primary-header--dark-alt,
body#clean-theme-client .primary-header.primary-header--transparent-dark-alt {
    --cph-shell-bg: rgba(8, 15, 31, 0.9);
    --cph-shell-border: rgba(255, 255, 255, 0.1);
    --cph-shell-shadow: 0 16px 36px -24px rgba(2, 6, 23, 0.68), 0 1px 0 rgba(255, 255, 255, 0.04);
    --cph-text: #ffffff;
    --cph-muted: rgba(255, 255, 255, 0.76);
    --cph-hover-bg: rgba(255, 255, 255, 0.08);
    --cph-control-hover: rgba(255, 255, 255, 0.14);
    --cph-icon-hover: rgba(255, 255, 255, 0.1);
    --cph-soft-bg: rgba(255, 255, 255, 0.08);
    --cph-dropdown-bg: rgba(15, 23, 42, 0.98);
}

body#clean-theme-client .primary-header > .container,
body#clean-theme-client .primary-header.primary-header--boxed > .container {
    --bs-gutter-x: 1.35rem;
    background: transparent !important;
    filter: none !important;
    padding-block: 0 !important;
}

@media (min-width: 1200px) {
    body#clean-theme-client .primary-header > .container,
    body#clean-theme-client .primary-header.primary-header--boxed > .container {
        max-width: 1320px;
    }
}

body#clean-theme-client .primary-header .primary-header-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.15rem;
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 76px;
    padding: 0.8rem 1.05rem;
    border: 1px solid var(--cph-shell-border);
    border-radius: 1.2rem;
    background: var(--cph-shell-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: var(--cph-shell-shadow);
    box-sizing: border-box;
    overflow: visible;
}

body#clean-theme-client .primary-header .primary-header-brand {
    flex-shrink: 0;
    margin-inline-start: 0;
}

body#clean-theme-client .primary-header .primary-header-collapse {
    flex: 1 1 auto;
    min-width: 0;
}

body#clean-theme-client .primary-header .primary-header-collapse__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.25rem;
    width: 100%;
}

body#clean-theme-client .primary-header .primary-header-nav {
    align-items: center;
    gap: 0.2rem;
    min-width: 0;
    flex: 1 1 auto;
}

@media (min-width: 992px) {
    body#clean-theme-client .primary-header .primary-header-nav > .nav-item.has-sub-level-1 {
        position: relative;
        isolation: isolate;
    }

    body#clean-theme-client .primary-header .primary-header-nav > .nav-item.navigation-2.has-sub-level-1::after {
        content: none;
    }

    body#clean-theme-client .primary-header .primary-header-nav > .nav-item.has-sub-level-1::after {
        content: "";
        position: absolute;
        inset-inline: 0;
        top: 100%;
        height: calc(var(--cph-panel-offset) + 0.45rem);
    }

    body#clean-theme-client .primary-header .primary-header-collapse__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 1rem;
    }

    body#clean-theme-client .primary-header .primary-header-nav {
        width: 100%;
        justify-content: center;
    }

    body#clean-theme-client .primary-header .primary-header-actions {
        justify-self: end;
    }
}

body#clean-theme-client .primary-header .primary-header-nav > .nav-item > .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.75rem;
    padding: 0 0.92rem;
    border-radius: 0.9rem;
    color: var(--cph-muted) !important;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.1;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

body#clean-theme-client .primary-header .primary-header-nav > .nav-item > .nav-link:hover,
body#clean-theme-client .primary-header .primary-header-nav > .nav-item:hover > .nav-link,
body#clean-theme-client .primary-header .primary-header-nav > .nav-item > .nav-link.active {
    color: var(--cph-text) !important;
    background: var(--cph-hover-bg) !important;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
}

@media (min-width: 992px) {
    body#clean-theme-client .primary-header .navigation-1__menu,
    body#clean-theme-client .primary-header .navigation-2__menu {
        top: calc(100% + var(--cph-panel-offset)) !important;
        transform: translateY(0.35rem);
    }

    body#clean-theme-client .primary-header .nav-item.navigation-2 {
        position: static !important;
    }

    body#clean-theme-client .primary-header .nav-item.navigation-2 > .nav-link {
        position: relative;
    }

    body#clean-theme-client .primary-header .nav-item.navigation-2 > .nav-link::before {
        content: "";
        position: absolute;
        left: -0.5rem;
        right: -0.5rem;
        top: 100%;
        height: 1.6rem;
    }

    body#clean-theme-client .primary-header .navigation-2__menu {
        inset-inline: 0 !important;
        width: auto !important;
        transform: translateY(0.35rem);
    }

    body#clean-theme-client .primary-header .navigation-3__menu {
        top: calc(100% + 1.75rem) !important;
        transform: translateX(-50%) translateY(0.35rem);
    }

    body#clean-theme-client .primary-header .navigation-1.has-sub-level-1:hover .navigation-1__menu,
    body#clean-theme-client .primary-header .navigation-2.has-sub-level-1:hover .navigation-2__menu {
        top: calc(100% + var(--cph-panel-offset)) !important;
        transform: translateY(0);
    }

    body#clean-theme-client .primary-header .navigation-2.has-sub-level-1:hover .navigation-2__menu {
        transform: translateY(0);
    }

    body#clean-theme-client .primary-header .navigation-3.has-sub-level-1:hover .navigation-3__menu {
        top: calc(100% + 1.75rem) !important;
        transform: translateX(-50%) translateY(0);
    }

    body#clean-theme-client .primary-header .navigation-1__sub-menu,
    body#clean-theme-client .primary-header .navigation-3__sub-menu {
        top: -0.3rem !important;
        left: calc(100% + var(--cph-panel-offset)) !important;
        transform: translateX(0.35rem);
    }

    body#clean-theme-client .primary-header .navigation-1__menu-list.has-sub-level-2:hover .navigation-1__sub-menu,
    body#clean-theme-client .primary-header .navigation-3__menu-list.has-sub-level-2:hover .navigation-3__sub-menu {
        left: calc(100% + var(--cph-panel-offset)) !important;
        transform: translateX(0);
    }

    body#clean-theme-client .primary-header .navigation-0__menu,
    body#clean-theme-client .primary-header .navigation-1__menu,
    body#clean-theme-client .primary-header .navigation-1__sub-menu,
    body#clean-theme-client .primary-header .navigation-2__menu,
    body#clean-theme-client .primary-header .navigation-3__menu,
    body#clean-theme-client .primary-header .navigation-3__sub-menu {
        overflow: visible;
    }

    body#clean-theme-client .primary-header .navigation-0__menu::before,
    body#clean-theme-client .primary-header .navigation-1__menu::before,
    body#clean-theme-client .primary-header .navigation-3__menu::before,
    body#clean-theme-client .primary-header .navigation-1__sub-menu::before,
    body#clean-theme-client .primary-header .navigation-3__sub-menu::before {
        content: "";
        position: absolute;
        inset-inline: 0;
        top: -0.95rem;
        height: 1rem;
    }

    body#clean-theme-client .primary-header .navigation-2__menu::before {
        content: "";
        position: absolute;
        inset-inline: 0;
        top: -1.8rem;
        height: 2rem;
    }

    body#clean-theme-client .primary-header .navigation-3__menu::before {
        top: -1.95rem;
        height: 2rem;
    }
}

body#clean-theme-client .primary-header .navigation-0__menu,
body#clean-theme-client .primary-header .navigation-1__menu,
body#clean-theme-client .primary-header .navigation-1__sub-menu,
body#clean-theme-client .primary-header .navigation-2__menu,
body#clean-theme-client .primary-header .navigation-3__menu,
body#clean-theme-client .primary-header .navigation-3__sub-menu,
body#clean-theme-client .primary-header .primary-header-theme__menu {
    background: var(--cph-dropdown-bg) !important;
    border: 1px solid var(--cph-shell-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.14) !important;
}

@media (min-width: 992px) {
    body#clean-theme-client .primary-header .navigation-2__menu {
        gap: 0.9rem;
        padding: 1.2rem 1.25rem !important;
        border-radius: 1.15rem !important;
    }

    body#clean-theme-client .primary-header .navigation-2__menu-list {
        width: calc(33.33% - 0.6rem);
        padding-inline: 0.1rem 0.35rem;
    }

    body#clean-theme-client .primary-header .navigation-2__menu-list + .navigation-2__menu-list {
        margin-top: 0;
        padding-inline-start: 1rem;
        border-inline-start: 1px solid rgba(15, 23, 42, 0.06);
    }

    body#clean-theme-client .primary-header .navigation-2__menu-list > span {
        display: block;
        margin-bottom: 0.95rem !important;
        color: #64748b !important;
        font-size: 0.72rem;
        font-weight: 700 !important;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    body#clean-theme-client .primary-header .navigation-3__menu {
        width: 45rem;
        gap: 1.1rem;
        padding: 1.15rem !important;
        border-radius: 1.15rem !important;
    }

    body#clean-theme-client .primary-header .navigation-3__menu-list {
        width: 56%;
    }

    body#clean-theme-client .primary-header .navigation-3__menu-list:last-child {
        width: 44%;
        padding-inline-start: 0.25rem;
    }

    body#clean-theme-client .primary-header .navigation-3__menu-short {
        width: 24rem;
        padding: 0.95rem !important;
    }
}

body#clean-theme-client .primary-header .navigation-0__menu-link,
body#clean-theme-client .primary-header .navigation-1__menu-link,
body#clean-theme-client .primary-header .navigation-1__sub-menu-link,
body#clean-theme-client .primary-header .navigation-2__menu-link,
body#clean-theme-client .primary-header .navigation-3__menu-link,
body#clean-theme-client .primary-header .navigation-3__sub-menu-link,
body#clean-theme-client .primary-header .primary-header-theme__menu .dropdown-item {
    border-radius: 0.85rem;
}

body#clean-theme-client .primary-header .navigation-2__menu-title,
body#clean-theme-client .primary-header .navigation-3__menu-title,
body#clean-theme-client .primary-header .navigation-1__menu-link,
body#clean-theme-client .primary-header .navigation-1__sub-menu-link,
body#clean-theme-client .primary-header .primary-header-theme__menu .dropdown-item {
    color: var(--cph-text) !important;
}

body#clean-theme-client .primary-header .navigation-2__menu-text,
body#clean-theme-client .primary-header .navigation-3__menu-text,
body#clean-theme-client .primary-header .primary-header-theme__menu .dropdown-item span:last-child {
    color: var(--cph-muted) !important;
}

body#clean-theme-client .primary-header .navigation-2__menu-link {
    padding: 0.7rem 0.6rem !important;
    border-radius: 0.95rem;
    background: transparent !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body#clean-theme-client .primary-header .navigation-2__menu-link:hover {
    background: rgba(248, 250, 252, 0.88) !important;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
    transform: translateX(2px);
}

body#clean-theme-client .primary-header .navigation-2__menu-title {
    font-size: 0.95rem;
    font-weight: 700 !important;
    letter-spacing: -0.015em;
}

body#clean-theme-client .primary-header .navigation-2__menu-text,
body#clean-theme-client .primary-header .navigation-3__menu-text {
    font-size: 0.8rem !important;
    line-height: 1.55;
    color: rgba(100, 116, 139, 0.92) !important;
}

body#clean-theme-client .primary-header .navigation-2__menu-icon {
    width: 2.45rem !important;
    height: 2.45rem !important;
    border-radius: 0.85rem !important;
    background: rgba(37, 99, 235, 0.08) !important;
}

body#clean-theme-client .primary-header .navigation-2__menu-icon-is {
    font-size: 1.1rem !important;
    color: #2563eb !important;
}

body#clean-theme-client .primary-header .navigation-2__menu-link:hover .navigation-2__menu-icon {
    background: rgba(37, 99, 235, 0.14) !important;
}

body#clean-theme-client .primary-header .navigation-2__menu-link:hover .navigation-2__menu-icon-is {
    color: #1d4ed8 !important;
}

body#clean-theme-client .primary-header .navigation-1__menu-link,
body#clean-theme-client .primary-header .navigation-1__sub-menu-link,
body#clean-theme-client .primary-header .navigation-3__menu-link,
body#clean-theme-client .primary-header .navigation-3__sub-menu-link {
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body#clean-theme-client .primary-header .navigation-1__menu-link:hover,
body#clean-theme-client .primary-header .navigation-1__sub-menu-link:hover,
body#clean-theme-client .primary-header .navigation-3__menu-link:hover,
body#clean-theme-client .primary-header .navigation-3__sub-menu-link:hover {
    transform: translateX(2px);
}

body#clean-theme-client .primary-header .navigation-2__menu-promo {
    position: relative;
    gap: 1rem !important;
    padding: 1.35rem !important;
    border: 1px solid rgba(37, 99, 235, 0.1) !important;
    border-radius: 1.2rem !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)),
        linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(37, 99, 235, 0) 42%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body#clean-theme-client .primary-header .navigation-2__menu-promo .navigation-3__menu-title {
    font-size: 1.1rem !important;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

body#clean-theme-client .primary-header .navigation-2__menu-promo > ul {
    display: grid;
    gap: 0.65rem !important;
}

body#clean-theme-client .primary-header .navigation-2__menu-promo > ul > li {
    gap: 0.45rem !important;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body#clean-theme-client .primary-header .navigation-2__menu-promo > ul > li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

body#clean-theme-client .primary-header .navigation-2__menu-promo > ul iconify-icon {
    font-size: 1rem !important;
    margin-top: 0.1rem;
}

body#clean-theme-client .primary-header .navigation-2__menu-promo .btn {
    min-height: 2.85rem;
    padding-inline: 1rem;
    border-radius: 0.95rem;
    font-size: 0.88rem;
    font-weight: 700;
    box-shadow: none;
}

body#clean-theme-client .primary-header .primary-header-actions {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-inline-start: auto;
    flex-shrink: 0;
    min-width: 0;
}

body#clean-theme-client .primary-header .primary-header-utility {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.45rem;
    border: 1px solid var(--cph-shell-border);
    border-radius: 999px;
    background: var(--cph-soft-bg);
    flex-shrink: 0;
}

body#clean-theme-client .primary-header .primary-header-utility > * {
    position: relative;
}

body#clean-theme-client .primary-header .primary-header-utility > * + *::before {
    content: "";
    position: absolute;
    inset-inline-start: -0.2rem;
    top: 50%;
    width: 1px;
    height: 1.1rem;
    background: rgba(15, 23, 42, 0.08);
    transform: translateY(-50%);
}

body#clean-theme-client .primary-header .primary-header-utility__control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.75rem;
    padding: 0 0.8rem;
    border: 0;
    border-radius: 0.95rem;
    background: transparent;
    color: var(--cph-muted) !important;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.1;
    transition: color 0.2s ease, background-color 0.2s ease;
}

body#clean-theme-client .primary-header .primary-header-utility__control:hover,
body#clean-theme-client .primary-header .primary-header-utility__control:focus {
    color: var(--cph-text) !important;
    background: var(--cph-icon-hover) !important;
}

body#clean-theme-client .primary-header .primary-header-utility__control--select {
    padding-inline: 0.95rem;
    border-radius: 1rem;
}

body#clean-theme-client .primary-header .primary-header-utility__control--select:hover,
body#clean-theme-client .primary-header .primary-header-utility__control--select:focus,
body#clean-theme-client .primary-header .dropdown.show > .primary-header-utility__control--select {
    background: var(--cph-control-hover) !important;
}

body#clean-theme-client .primary-header .primary-header-utility__control--icon:hover,
body#clean-theme-client .primary-header .primary-header-utility__control--icon:focus,
body#clean-theme-client .primary-header .primary-header-theme.show > .primary-header-utility__control--icon {
    background: var(--cph-icon-hover) !important;
}

body#clean-theme-client .primary-header .primary-header-utility__control--icon {
    width: 2.75rem;
    padding-inline: 0;
}

body#clean-theme-client .primary-header .primary-header-theme .dropdown-toggle::after {
    display: none;
}

body#clean-theme-client .primary-header.primary-header--dark-alt .primary-header-utility > * + *::before,
body#clean-theme-client .primary-header[class*="primary-header--transparent-dark"] .primary-header-utility > * + *::before {
    background: rgba(255, 255, 255, 0.12);
}

body#clean-theme-client .primary-header .primary-header-auth {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
    white-space: nowrap;
}

body#clean-theme-client .primary-header .primary-header-auth__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 0.9rem;
    border-radius: 0.85rem;
    background: rgba(148, 163, 184, 0.08);
    color: var(--cph-muted) !important;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
    transition: color 0.2s ease, background-color 0.2s ease;
}

body#clean-theme-client .primary-header .primary-header-auth__link:hover {
    color: var(--cph-text) !important;
    background: rgba(148, 163, 184, 0.14) !important;
}

body#clean-theme-client .primary-header .primary-header-auth__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding-block: 0;
    padding-inline: 1.35rem;
    border-radius: 0.95rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    flex-shrink: 0;
    --bs-btn-focus-box-shadow: none;
    box-shadow: none !important;
}

body#clean-theme-client .primary-header .primary-header-auth__cta:hover,
body#clean-theme-client .primary-header .primary-header-auth__cta:focus,
body#clean-theme-client .primary-header .primary-header-auth__cta:focus-visible,
body#clean-theme-client .primary-header .primary-header-auth__cta:active {
    box-shadow: none !important;
}

body#clean-theme-client .primary-header .primary-header-nav > .nav-item > .nav-link span,
body#clean-theme-client .primary-header .primary-header-utility__control span,
body#clean-theme-client .primary-header .primary-header-auth__link,
body#clean-theme-client .primary-header .primary-header-auth__cta {
    display: inline-flex;
    align-items: center;
}

body#clean-theme-client .primary-header iconify-icon,
body#clean-theme-client .primary-header .primary-header-currency-symbol,
body#clean-theme-client .primary-header .primary-header-locale-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
    vertical-align: middle;
}

body#clean-theme-client .primary-header .has-sub-level-1 > .nav-link::after {
    align-self: center;
    transform: translateY(0);
}

body#clean-theme-client .primary-header .primary-header-cart-badge {
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body#clean-theme-client .primary-header .primary-header-toggler {
    display: none;
}

@media (max-width: 991.98px) {
    body#clean-theme-client .primary-header {
        top: 0.75rem !important;
    }

    body#clean-theme-client .primary-header .primary-header-shell {
        width: 100%;
        min-height: 68px;
        padding: 0.75rem 1rem;
        border-radius: 1.05rem;
    }

    body#clean-theme-client .primary-header .primary-header-toggler {
        display: grid;
        place-content: center;
        width: 2.75rem;
        height: 2.75rem;
        padding: 0;
        border-radius: 0.85rem;
        background: var(--cph-soft-bg);
        color: var(--cph-text);
    }

    body#clean-theme-client .primary-header .primary-header-collapse {
        position: absolute;
        top: calc(100% + 0.65rem);
        right: 0;
        left: 0;
        width: 100%;
        height: auto !important;
        max-height: calc(100vh - 7rem);
        padding: 0.85rem;
        background: var(--bs-body-bg, #fff);
        border: 1px solid var(--cph-shell-border);
        border-radius: 1.05rem;
        box-shadow: 0 16px 36px -24px rgba(15, 23, 42, 0.48), 0 1px 2px rgba(15, 23, 42, 0.06);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        overscroll-behavior: contain;
        overflow-y: auto;
        z-index: 1045;
        display: none;
    }

    body#clean-theme-client .primary-header .primary-header-collapse.show,
    body#clean-theme-client .primary-header .primary-header-collapse.collapsing {
        display: block;
    }

    body#clean-theme-client .primary-header .primary-header-collapse__inner {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 1rem;
        padding-top: 0;
    }

    body#clean-theme-client .primary-header .primary-header-nav {
        width: 100%;
        margin: 0 !important;
    }

    body#clean-theme-client .primary-header .primary-header-nav > .nav-item {
        width: 100%;
    }

    body#clean-theme-client .primary-header .primary-header-nav > .nav-item > .nav-link,
    body#clean-theme-client .primary-header .navigation-1__menu-link {
        width: 100%;
        min-height: 3rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.8rem 0.95rem !important;
        line-height: 1.2;
        border-radius: 0.85rem;
        background: transparent !important;
    }

    body#clean-theme-client .primary-header .primary-header-nav > .nav-item > .nav-link::after,
    body#clean-theme-client .primary-header .navigation-1__menu-link::after {
        width: 1rem;
        height: 1rem;
        margin-left: auto;
        align-self: center;
        opacity: 0.65;
    }

    body#clean-theme-client .primary-header .navigation-0__menu,
    body#clean-theme-client .primary-header .navigation-1__menu,
    body#clean-theme-client .primary-header .navigation-1__sub-menu,
    body#clean-theme-client .primary-header .navigation-2__menu,
    body#clean-theme-client .primary-header .navigation-3__menu,
    body#clean-theme-client .primary-header .navigation-3__sub-menu {
        position: static !important;
        transform: none !important;
        box-shadow: none !important;
        border: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        padding: 0.5rem 0 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body#clean-theme-client .primary-header .navigation-0__menu-link,
    body#clean-theme-client .primary-header .navigation-1__menu-link,
    body#clean-theme-client .primary-header .navigation-1__sub-menu-link,
    body#clean-theme-client .primary-header .navigation-2__menu-link,
    body#clean-theme-client .primary-header .navigation-3__menu-link,
    body#clean-theme-client .primary-header .navigation-3__sub-menu-link {
        min-height: 3rem;
        align-items: center !important;
        margin-bottom: 0.5rem;
        padding: 0.85rem 0.95rem !important;
        border: 1px solid var(--cph-shell-border) !important;
        border-radius: 0.9rem !important;
        background: var(--cph-soft-bg) !important;
    }

    body#clean-theme-client .primary-header .primary-header-actions,
    body#clean-theme-client .primary-header .primary-header-auth {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    body#clean-theme-client .primary-header .primary-header-utility {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem;
        border-radius: 1rem;
        padding: 0.45rem;
        justify-content: stretch;
    }

    body#clean-theme-client .primary-header .primary-header-utility > * {
        width: 100%;
        min-width: 0;
    }

    body#clean-theme-client .primary-header .primary-header-utility > * + *::before {
        content: none;
    }

    body#clean-theme-client .primary-header .primary-header-utility__control {
        width: 100% !important;
        min-width: 0;
        padding-inline: 0.75rem;
    }

    body#clean-theme-client .primary-header .primary-header-auth__cta,
    body#clean-theme-client .primary-header .primary-header-auth__link {
        width: 100%;
    }
}

/* ============================================================
   HTML-CART / HTML-CHECKOUT BRIDGE (body.html-cart)
   Cart flow reuses the shared homepage navbar layout. Keep only
   page-surface resets here so the common header geometry stays
   identical across homepage, cart and order-step routes.
   ============================================================ */

body#clean-theme-client.html-cart {
    padding-top: 0;
    overflow-x: clip;
}

body#clean-theme-client.html-cart img {
    float: none;
    max-width: 100%;
    height: auto;
}

/* Hero-7 section — style.css handles background-image gradient + mask-image.
   Bridge CSS only fixes Classic-theme structural conflicts. */
body#clean-theme-client.html-cart .hero-7 {
    /* Let style.css define padding, background-image, mask-image.
       Only reset Classic-theme float/position side effects. */
    float: none;
    clear: both;
}

body#clean-theme-client.html-cart .hero-7 img,
body#clean-theme-client.html-cart .hero-7 .hero-7__shape-1 {
    /* Already handled by style.css display:none / 1920px+ breakpoint */
    float: none;
    max-width: 100%;
}

body#clean-theme-client.html-cart .html-cart-hero {
    position: relative;
}

body#clean-theme-client.html-cart .html-cart-hero__panel {
    padding: clamp(1.85rem, 3.6vw, 2.75rem) 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 1.75rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.06) 100%);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(10px);
}

body#clean-theme-client.html-cart .html-cart-hero--compact {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, var(--bs-secondary, #5C65FF) 180%);
}

body#clean-theme-client.html-cart .html-cart-hero--compact .section-space-sm-bottom {
    padding-bottom: 0 !important;
}

body#clean-theme-client.html-cart .html-cart-hero--compact .row {
    margin: 0;
}

body#clean-theme-client.html-cart .html-cart-hero--compact [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
}

body#clean-theme-client.html-cart .html-cart-hero--compact .html-cart-hero__panel {
    padding: clamp(1.5rem, 2.5vw, 2rem) 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(8px);
    text-align: center !important;
}

body#clean-theme-client.html-cart .html-cart-hero--compact .html-cart-hero__glow {
    display: block;
}

body#clean-theme-client.html-cart .html-cart-hero--compact .html-cart-hero__icon {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.85rem;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.12);
    font-size: 1.4rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

body#clean-theme-client.html-cart .html-cart-hero--compact .html-cart-hero__panel h1 {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

body#clean-theme-client.html-cart .html-cart-hero--compact .html-cart-hero__subtitle {
    margin: 0.55rem 0 0;
    font-size: clamp(0.85rem, 1.1vw, 0.95rem);
    font-weight: 400;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.65);
}

body#clean-theme-client.html-cart .html-cart-hero--compact > img {
    display: none;
}

body#clean-theme-client.html-cart .html-cart-hero--compact.hero-7 {
    padding-top: clamp(3.5rem, 5vw, 5rem) !important;
    padding-bottom: clamp(2rem, 3vw, 3rem) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

body#clean-theme-client.html-cart .html-cart-hero--compact.hero-7::after {
    display: none;
}

body#clean-theme-client.html-cart .checkout-auth-stage {
    margin-top: -1.5rem;
    padding-block-end: clamp(1.5rem, 3vw + 0.5rem, 3rem);
}

body#clean-theme-client.html-cart .html-cart-hero__glow {
    position: absolute;
    inset: auto auto -3rem -2rem;
    width: 10rem;
    height: 10rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    filter: blur(18px);
    pointer-events: none;
}

body#clean-theme-client.html-cart .html-cart-hero__glow--alt {
    inset: -3rem -2rem auto auto;
    background: rgba(var(--bs-secondary-rgb), 0.22);
}

body#clean-theme-client.html-cart .html-cart-hero__icon {
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 2rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

body#clean-theme-client.html-cart .checkout-auth-stage .checkout-auth-shell__back {
    margin-bottom: 0.5rem;
}

body#clean-theme-client.html-cart .checkout-auth-stage .checkout-segmented--auth {
    margin-bottom: 0;
    border-radius: 24px 24px 0 0;
    border: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(248, 250, 252, 1);
    max-width: none;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__progress {
    margin-bottom: 0.4rem;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__after {
    margin-top: 0 !important;
    gap: 0.35rem;
    padding: 0.6rem 1.5rem 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.05);
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__connections .html-sign-divider {
    margin: 0 !important;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__signin,
body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-switch {
    margin-top: 0;
}

body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-divider {
    margin: 0.4rem 0 0.35rem;
}

body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-premium__intro {
    margin-bottom: 0;
    padding: 1rem 1.5rem 0;
}

body#clean-theme-client.html-cart .checkout-summary-stack {
    position: sticky;
    top: 6.5rem;
    display: grid;
    gap: 0.8rem;
}

body#clean-theme-client.html-cart .checkout-summary-stack .checkout-summary-card,
body#clean-theme-client.html-cart .checkout-summary-stack .checkout-summary-assurance {
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    background: rgba(255, 255, 255, 0.98);
}

/* Cart items */
body#clean-theme-client.html-cart .html-cart-item {
    padding: 1.5rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1.25rem;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body#clean-theme-client.html-cart .html-cart-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.1);
}

body#clean-theme-client.html-cart .html-cart-period-select {
    min-width: 140px;
}

body#clean-theme-client.html-cart .html-cart-stage {
    position: relative;
}

body#clean-theme-client.html-cart .html-cart-stage__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

body#clean-theme-client.html-cart .html-cart-stage__eyebrow-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.9rem;
    background: rgba(var(--bs-secondary-rgb), 0.1);
    color: var(--bs-secondary, #0d6efd);
    font-size: 1.25rem;
}

body#clean-theme-client.html-cart .html-cart-items-wrap {
    display: flex;
    flex-direction: column;
}

body#clean-theme-client.html-cart #item_list > .html-cart-item + .html-cart-item {
    margin-top: 1rem;
}

body#clean-theme-client.html-cart .html-cart-empty-state {
    min-height: 20rem;
    border: 1px dashed rgba(15, 23, 42, 0.14);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
}

body#clean-theme-client.html-cart .html-cart-empty-state__icon {
    width: 4.75rem;
    height: 4.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    background: rgba(var(--bs-secondary-rgb), 0.08);
    color: var(--bs-secondary, #0d6efd);
    font-size: 2rem;
}

body#clean-theme-client.html-cart .html-cart-item__layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
}

body#clean-theme-client.html-cart .html-cart-item__main {
    flex: 1 1 auto;
    min-width: 0;
}

body#clean-theme-client.html-cart .html-cart-item__aside {
    flex: 0 0 12rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.875rem;
}

body#clean-theme-client.html-cart .html-cart-item__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart .html-cart-item__category {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(var(--bs-secondary-rgb), 0.08);
    color: var(--bs-secondary, #0d6efd);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
}

body#clean-theme-client.html-cart .html-cart-item__title {
    margin: 0;
    color: var(--bs-heading-color);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
}

body#clean-theme-client.html-cart .html-cart-item__meta {
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.55;
}

body#clean-theme-client.html-cart .html-cart-addon,
body#clean-theme-client.html-cart .html-cart-addons {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed rgba(15, 23, 42, 0.12);
}

body#clean-theme-client.html-cart .html-cart-item__links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

body#clean-theme-client.html-cart .html-cart-item__links .link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 600;
}

body#clean-theme-client.html-cart .html-cart-item__period {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

body#clean-theme-client.html-cart .html-cart-period-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: rgba(248, 250, 252, 0.92);
    color: var(--bs-heading-color);
    font-size: 0.85rem;
    font-weight: 600;
    text-align: center;
}

body#clean-theme-client.html-cart .html-cart-item__discount {
    color: #16a34a;
    font-size: 0.82rem;
    font-weight: 700;
    text-align: right;
}

body#clean-theme-client.html-cart .html-cart-item__price {
    color: var(--bs-heading-color);
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.1;
}

body#clean-theme-client.html-cart .html-cart-item__remove {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body#clean-theme-client.html-cart .html-cart-item__remove:hover {
    background: #dc2626;
    color: #ffffff;
    transform: translateY(-1px);
}

body#clean-theme-client.html-cart .html-cart-summary-stack {
    position: sticky;
    top: 6.5rem;
}

body#clean-theme-client.html-cart .html-cart-summary-card,
body#clean-theme-client.html-cart .html-cart-summary-loader {
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart #dealership_discounts > div,
body#clean-theme-client.html-cart #coupon_discounts > div,
body#clean-theme-client.html-cart #tax_content > div {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-cart .html-cart-summary-coupon {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart .html-cart-summary-total {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart .html-cart-summary-actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

body#clean-theme-client.html-cart .html-cart-stage__continue,
body#clean-theme-client.html-cart .html-cart-summary-actions .btn {
    min-height: 3.25rem;
}

body#clean-theme-client.html-cart .checkout-auth-shell {
    max-width: 1328px;
    margin: 0 auto;
}

body#clean-theme-client.html-cart .checkout-auth-shell__back {
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart .checkout-auth-shell__back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.1rem 0;
    color: #0f172a;
    font-size: 0.97rem;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

body#clean-theme-client.html-cart .checkout-auth-shell__back-link:hover {
    color: rgb(92 101 255 / 99%);
    transform: translateX(-2px);
}

body#clean-theme-client.html-cart .checkout-auth-copy {
    display: grid;
    gap: 0;
    width: 100%;
    max-width: 580px;
    margin-inline: auto;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.07);
    overflow: hidden;
}

body#clean-theme-client.html-cart .checkout-auth-copy__panel {
    width: 100%;
}

body#clean-theme-client.html-cart .checkout-auth-copy__wizard-shell {
    margin-top: 0;
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-premium__form-inner {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-switch,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__signin {
    margin-bottom: 0;
}

body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-switch {
    padding: 0.6rem 1.5rem 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.05);
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__after {
    display: grid;
    gap: 0.35rem;
    margin-top: 0 !important;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__connections .html-sign-divider {
    margin: 0 !important;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__signin,
body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-switch {
    margin-top: 0;
}

body#clean-theme-client.html-cart .checkout-segmented {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 6px;
    background: #f7f8fc;
    border: 1px solid #d9deea;
    border-radius: 16px;
}

body#clean-theme-client.html-cart .checkout-segmented--auth {
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__progress {
    margin-bottom: 0 !important;
    padding: 0.55rem 1.5rem;
    background: rgba(248, 250, 252, 0.35);
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible;
}

body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-card__surface {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__header {
    padding: 0.75rem 1.5rem 0;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__body {
    padding: 0.55rem 1.5rem;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__footer {
    padding: 0.25rem 1.5rem 0.75rem;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__segmented {
    gap: 6px;
    padding: 6px;
    border: 1px solid #d9deea;
    border-radius: 16px;
    background: #f7f8fc;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__segment {
    min-height: 46px;
    height: 46px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: transparent;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__segmented .radio-custom:checked + .signup-wizard__segment {
    border-color: rgba(92, 101, 255, 0.28);
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__segmented .radio-custom:focus + .signup-wizard__segment {
    outline: none;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__segmented .radio-custom:focus-visible + .signup-wizard__segment {
    outline: 2px solid rgba(92, 101, 255, 0.4);
    outline-offset: -2px;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .intl-tel-input {
    position: relative;
    min-height: 46px;
    height: 46px;
    border-color: rgba(148, 163, 184, 0.35);
    border-radius: 14px;
    box-shadow: none;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .intl-tel-input.separate-dial-code .flag-container,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--separate-dial-code .iti__flag-container,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--allow-dropdown .iti__flag-container,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--separate-dial-code .iti__country-container,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--allow-dropdown .iti__country-container {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: stretch;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .intl-tel-input.separate-dial-code .selected-flag,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--separate-dial-code .iti__selected-flag,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--allow-dropdown .iti__selected-flag,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--separate-dial-code .iti__selected-country,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--allow-dropdown .iti__country-container {
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
}

body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .intl-tel-input.separate-dial-code input,
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .intl-tel-input.separate-dial-code input[type=text],
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .intl-tel-input.separate-dial-code input[type=tel],
body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__control--phone .iti--separate-dial-code input {
    height: 100%;
    min-height: 100%;
    margin: 0 !important;
    box-sizing: border-box;
}

body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-divider {
    margin: 0.5rem 0 0.4rem;
}

body#clean-theme-client.html-cart .checkout-summary-stack {
    gap: 0.8rem;
}

body#clean-theme-client.html-cart .checkout-summary-card {
    padding: 1.55rem;
}

body#clean-theme-client.html-cart .checkout-summary-assurance {
    padding: 1.1rem 1.2rem;
}

body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-card__surface {
    padding: 0 1.5rem;
}

body#clean-theme-client.html-cart .checkout-summary-stack {
    gap: 0.8rem;
}

body#clean-theme-client.html-cart .checkout-summary-card {
    padding: 1.55rem;
}

body#clean-theme-client.html-cart .checkout-summary-assurance {
    padding: 1.1rem 1.2rem;
}

body#clean-theme-client.html-cart .checkout-segmented--kind {
    max-width: 440px;
    margin-top: 1rem;
}

body#clean-theme-client.html-cart .checkout-segmented__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body#clean-theme-client.html-cart .checkout-segmented__option {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #475569;
    font-size: 0.96rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

body#clean-theme-client.html-cart .checkout-segmented__option:hover {
    color: #0f172a;
    background: rgba(255, 255, 255, 0.5);
}

body#clean-theme-client.html-cart .checkout-segmented__input:checked + .checkout-segmented__option {
    border-color: rgba(92, 101, 255, 0.28);
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-cart .checkout-segmented__input:focus-visible + .checkout-segmented__option {
    outline: 2px solid rgba(92, 101, 255, 0.4);
    outline-offset: -2px;
}

body#clean-theme-client.html-cart .checkout-account-layout {
    max-width: 1328px;
    margin: 0 auto;
}

body#clean-theme-client.html-cart .checkout-auth-tabs.checkout-segmented--auth {
    max-width: 600px;
    margin: 0 auto 1rem;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #f7f8fc;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
}

body#clean-theme-client.html-cart .checkout-auth-embed {
    display: grid;
    gap: 0;
    width: 100%;
    max-width: 640px;
    margin-inline: auto;
}

body#clean-theme-client.html-cart .checkout-auth-embed__panel {
    width: 100%;
}

body#clean-theme-client.html-cart .checkout-auth-embed__surface.signup-wizard__form-side,
body#clean-theme-client.html-cart .checkout-auth-embed__surface.html-sign-premium__form-column {
    padding: 0;
    background: transparent;
}

body#clean-theme-client.html-cart .checkout-auth-embed__surface .html-sign-premium__form-inner {
    width: 100%;
    max-width: 448px;
    margin-inline: auto;
}

body#clean-theme-client.html-cart .checkout-auth-embed__surface .signup-wizard__form-inner {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
}

body#clean-theme-client.html-cart .checkout-auth-embed__surface .signup-wizard__shell {
    max-width: none;
}

body#clean-theme-client.html-cart .checkout-auth-embed__surface .html-sign-switch,
body#clean-theme-client.html-cart .checkout-auth-embed__surface .signup-wizard__signin {
    margin-bottom: 0;
}

body#clean-theme-client.html-cart .checkout-auth-embed__surface .signup-wizard__after {
    margin-top: 1rem;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .checkout-auth-embed,
    body#clean-theme-client.html-cart .checkout-auth-tabs.checkout-segmented--auth {
        max-width: none;
    }
}

body#clean-theme-client.html-cart .checkout-auth-mode {
    margin-top: 1.5rem;
}

body#clean-theme-client.html-cart .checkout-auth-social {
    margin-bottom: 1.6rem;
}

body#clean-theme-client.html-cart .checkout-auth-divider {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart .checkout-auth-divider::before,
body#clean-theme-client.html-cart .checkout-auth-divider::after {
    content: "";
    flex: 1 1 0;
    height: 1px;
    background: rgba(148, 163, 184, 0.28);
}

body#clean-theme-client.html-cart .checkout-auth-social__list,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect {
    display: grid;
    gap: 0.8rem;
    margin: 0;
}

body#clean-theme-client.html-cart .checkout-auth-social__list > *,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect > * {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}

body#clean-theme-client.html-cart .checkout-auth-social__list a,
body#clean-theme-client.html-cart .checkout-auth-social__list button,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect a,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    width: 100% !important;
    min-height: 52px;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
    box-shadow: none;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

body#clean-theme-client.html-cart .checkout-auth-social__list a:hover,
body#clean-theme-client.html-cart .checkout-auth-social__list button:hover,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect a:hover,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect button:hover {
    border-color: rgba(92, 101, 255, 0.2);
    background: #f8fafc;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

body#clean-theme-client.html-cart .checkout-auth-social__list a svg,
body#clean-theme-client.html-cart .checkout-auth-social__list button svg,
body#clean-theme-client.html-cart .checkout-auth-social__list a img,
body#clean-theme-client.html-cart .checkout-auth-social__list button img,
body#clean-theme-client.html-cart .checkout-auth-social__list a i,
body#clean-theme-client.html-cart .checkout-auth-social__list button i,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect a svg,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect button svg,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect a img,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect button img,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect a i,
body#clean-theme-client.html-cart .checkout-auth-social__list.socialconnect button i {
    width: 1.2rem;
    height: 1.2rem;
    flex-shrink: 0;
}

body#clean-theme-client.html-cart .checkout-auth-section {
    padding-top: 1.55rem;
}

body#clean-theme-client.html-cart .checkout-auth-section + .checkout-auth-section {
    margin-top: 1.55rem;
    border-top: 1px solid rgba(226, 232, 240, 0.82);
}

body#clean-theme-client.html-cart .checkout-auth-section__meta {
    margin-bottom: 1.15rem;
}

body#clean-theme-client.html-cart .checkout-auth-section__title {
    margin: 0;
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 750;
    letter-spacing: -0.02em;
}

body#clean-theme-client.html-cart .checkout-auth-section__description {
    margin: 0.4rem 0 0;
    color: #64748b;
    font-size: 0.94rem;
    line-height: 1.7;
}

body#clean-theme-client.html-cart .checkout-field__label {
    display: block;
    margin-bottom: 0.45rem;
    color: #334155;
    font-size: 0.9rem;
    font-weight: 650;
}

body#clean-theme-client.html-cart #SubmitStepAccount .form-control,
body#clean-theme-client.html-cart #SubmitStepAccount .form-select,
body#clean-theme-client.html-cart #SubmitStepAccount textarea {
    width: 100%;
    min-height: 52px;
    padding: 0.85rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: #ffffff;
    color: #0f172a;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body#clean-theme-client.html-cart #SubmitStepAccount textarea {
    min-height: 120px;
    resize: vertical;
}

body#clean-theme-client.html-cart #SubmitStepAccount .form-control::placeholder,
body#clean-theme-client.html-cart #SubmitStepAccount textarea::placeholder {
    color: #94a3b8;
}

body#clean-theme-client.html-cart #SubmitStepAccount .form-control:focus,
body#clean-theme-client.html-cart #SubmitStepAccount .form-select:focus,
body#clean-theme-client.html-cart #SubmitStepAccount textarea:focus {
    border-color: rgba(92, 101, 255, 0.45);
    box-shadow: 0 0 0 4px rgba(92, 101, 255, 0.10);
    outline: none;
}

body#clean-theme-client.html-cart #SubmitStepAccount .checkout-field__control--error,
body#clean-theme-client.html-cart #SubmitStepAccount .checkout-field__control--error:focus {
    border-color: rgba(239, 68, 68, 0.72) !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.10) !important;
}

body#clean-theme-client.html-cart .checkout-field__phone-wrap .iti {
    display: block;
    width: 100%;
}

body#clean-theme-client.html-cart .checkout-field__phone-wrap .iti__selected-country {
    min-height: 52px;
    padding-left: 0.95rem;
    padding-right: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-right: 0;
    border-radius: 16px 0 0 16px;
    background: #ffffff;
}

body#clean-theme-client.html-cart .checkout-field__phone-wrap .iti--separate-dial-code .iti__selected-dial-code {
    color: #0f172a;
    font-weight: 700;
}

body#clean-theme-client.html-cart .checkout-field__phone-wrap .iti--separate-dial-code input,
body#clean-theme-client.html-cart .checkout-field__phone-wrap .iti--separate-dial-code input[type="text"] {
    padding-left: 7.4rem !important;
    border-radius: 16px !important;
}

body#clean-theme-client.html-cart .checkout-choice-list {
    display: grid;
    gap: 0.8rem;
}

body#clean-theme-client.html-cart .checkout-choice-list__item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 16px;
    background: #ffffff;
}

body#clean-theme-client.html-cart .checkout-choice-list__input,
body#clean-theme-client.html-cart .checkout-check-list__input {
    margin-top: 0.2rem;
    accent-color: rgb(92 101 255 / 99%);
}

body#clean-theme-client.html-cart .checkout-choice-list__label,
body#clean-theme-client.html-cart .checkout-check-list__label {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.65;
}

body#clean-theme-client.html-cart .checkout-legal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body#clean-theme-client.html-cart .checkout-legal-card {
    padding: 1.1rem 1.15rem;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
}

body#clean-theme-client.html-cart .checkout-legal-card__title {
    margin-bottom: 0.8rem;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
}

body#clean-theme-client.html-cart .checkout-check-list {
    display: grid;
    gap: 0.8rem;
}

body#clean-theme-client.html-cart .checkout-check-list__item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

body#clean-theme-client.html-cart .checkout-check-list__item--inline {
    align-items: center;
}

body#clean-theme-client.html-cart .checkout-check-list__label--contract a {
    color: rgb(92 101 255 / 99%);
    font-weight: 600;
    text-decoration: none;
}

body#clean-theme-client.html-cart .checkout-check-list__label--contract a:hover {
    text-decoration: underline;
}

body#clean-theme-client.html-cart .checkout-auth-inline-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

body#clean-theme-client.html-cart .checkout-auth-inline-meta__link {
    color: rgb(92 101 255 / 99%);
    font-size: 0.92rem;
    font-weight: 650;
    text-decoration: none;
}

body#clean-theme-client.html-cart .checkout-auth-inline-meta__link:hover {
    text-decoration: underline;
}

body#clean-theme-client.html-cart .checkout-auth-submit {
    margin-top: 1.75rem;
}

body#clean-theme-client.html-cart .checkout-auth-submit__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 0.95rem 1.4rem;
    border-radius: 18px;
    background: rgb(92 101 255 / 99%);
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 16px 36px rgba(92, 101, 255, 0.22);
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body#clean-theme-client.html-cart .checkout-auth-submit__button:hover {
    color: #ffffff;
    background: rgb(83 92 246 / 99%);
    box-shadow: 0 18px 38px rgba(92, 101, 255, 0.24);
    transform: translateY(-1px);
}

body#clean-theme-client.html-cart .checkout-auth-submit__helper {
    margin: 0.8rem 0 0;
    text-align: center;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.6;
}

body#clean-theme-client.html-cart .checkout-summary-stack {
    display: grid;
    gap: 1rem;
}

body#clean-theme-client.html-cart .checkout-summary-card,
body#clean-theme-client.html-cart .checkout-summary-loader,
body#clean-theme-client.html-cart .checkout-summary-assurance {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 24px;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart .checkout-summary-card {
    padding: 1.75rem;
}

body#clean-theme-client.html-cart .checkout-summary-card__header {
    margin-bottom: 1.2rem;
}

body#clean-theme-client.html-cart .checkout-summary-card__kicker {
    display: inline-block;
    margin-bottom: 0.55rem;
    color: #6366f1;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart .checkout-summary-card__title {
    margin: 0;
    color: #0f172a;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

body#clean-theme-client.html-cart .checkout-summary-card__rows {
    display: grid;
}

body#clean-theme-client.html-cart .checkout-summary-card__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 0;
}

body#clean-theme-client.html-cart .checkout-summary-card__row--primary {
    padding-top: 0;
}

body#clean-theme-client.html-cart .checkout-summary-card__label {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.55;
}

body#clean-theme-client.html-cart .checkout-summary-card__value {
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 750;
    text-align: right;
    white-space: nowrap;
}

body#clean-theme-client.html-cart .checkout-summary-card__total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.15rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart .checkout-summary-card__total-label {
    display: inline-block;
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart .checkout-summary-card__total-amount {
    color: #0f172a;
    font-size: clamp(1.65rem, 2vw, 2rem);
    font-weight: 850;
    letter-spacing: -0.03em;
    text-align: right;
}

body#clean-theme-client.html-cart .checkout-summary-loader {
    padding: 2rem 1.25rem;
}

body#clean-theme-client.html-cart .checkout-summary-assurance {
    padding: 1.25rem 1.35rem;
}

body#clean-theme-client.html-cart .checkout-summary-assurance__title {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 760;
}

body#clean-theme-client.html-cart .checkout-summary-assurance__text {
    margin: 0.7rem 0 0;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.7;
}

body#clean-theme-client.html-cart .checkout-summary-assurance__list {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
    display: grid;
    gap: 0.7rem;
}

body#clean-theme-client.html-cart .checkout-summary-assurance__list li {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: #334155;
    font-size: 0.92rem;
    font-weight: 600;
}

body#clean-theme-client.html-cart .checkout-summary-assurance__list li::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: rgb(92 101 255 / 99%);
    box-shadow: 0 0 0 5px rgba(92, 101, 255, 0.12);
    flex: 0 0 0.55rem;
}

/* Spinner (classic theme compat) */
body#clean-theme-client.html-cart .spinner {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 3px solid rgba(var(--bs-secondary-rgb), 0.25);
    border-top-color: var(--bs-secondary, #0d6efd);
    border-radius: 50%;
    animation: html-cart-spin 0.75s linear infinite;
    margin: 0 auto;
}

@keyframes html-cart-spin {
    to { transform: rotate(360deg); }
}

/* Payment method items */
body#clean-theme-client.html-cart .html-pmethod-item {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

body#clean-theme-client.html-cart .html-pmethod-item:has(input:checked) {
    border-color: var(--bs-secondary, #0d6efd);
    background: rgba(var(--bs-secondary-rgb), 0.04);
}

/* Amount display (classic compat) */
body#clean-theme-client.html-cart .currposleft {
    margin-right: 2px;
}

body#clean-theme-client.html-cart .currposright {
    margin-left: 2px;
}

body#clean-theme-client.html-cart .amount_spot_view {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
}

/* WISECP Brand Bridge */
body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend {
    background: #ffffff;
    color: rgba(15, 23, 42, 0.68);
    text-align: center;
    padding: 0.4rem 1rem 0.8rem;
    margin: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    border-bottom: 0;
}

body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend,
body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend * {
    box-sizing: border-box;
}

body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend #wisecp_brand {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(15, 23, 42, 0.68) !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    text-align: center !important;
    text-shadow: none !important;
    background: transparent !important;
}

body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend a,
body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend span,
body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend p,
body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend div {
    color: rgba(15, 23, 42, 0.68) !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    text-decoration-color: rgba(15, 23, 42, 0.28);
    text-shadow: none !important;
}

body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend a {
    color: #1d4ed8 !important;
    font-weight: 500;
}

body#clean-theme-client.html-cart .wisecp-brand-bridge--footerblend a:hover {
    color: #1e3a8a !important;
}

/* Footer shell for cart pages */
body#clean-theme-client.html-cart footer.section-space-top.position-relative.z-1.overflow-hidden {
    background: #ffffff;
    padding-top: 0;
    margin-top: 0;
}

/* Footer brand slot for cart pages */
body#clean-theme-client.html-cart .footer-brand-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1.45rem;
}

body#clean-theme-client.html-cart .footer-brand-slot #wisecp_brand {
    margin: 0 !important;
    width: auto !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    color: rgba(15, 23, 42, 0.68) !important;
    text-shadow: none !important;
    text-align: center !important;
    display: inline-block !important;
}

/* Form inputs - match HTML design */
body#clean-theme-client.html-cart .form-control,
body#clean-theme-client.html-cart .form-select {
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    background-color: #fff;
    color: inherit;
}

body#clean-theme-client.html-cart .form-control:focus,
body#clean-theme-client.html-cart .form-select:focus {
    border-color: var(--bs-secondary, #0d6efd);
    box-shadow: 0 0 0 3px rgba(var(--bs-secondary-rgb), 0.15);
    outline: none;
}

/* Disable cd-top back-to-top button */
body#clean-theme-client.html-cart a.cd-top,
body#clean-theme-client.html-sign-in a.cd-top,
body#clean-theme-client.html-sign-up a.cd-top {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Footer-2.html overrides for cart pages (light background) */
body#clean-theme-client.html-cart footer .text-light {
    color: #0f172a !important;
}
body#clean-theme-client.html-cart footer .text-light.text-opacity-80 {
    color: rgba(15, 23, 42, 0.8) !important;
}
body#clean-theme-client.html-cart footer a:hover .text-light,
body#clean-theme-client.html-cart footer a.text-light:hover {
    color: rgba(15, 23, 42, 1) !important;
}
body#clean-theme-client.html-cart footer .border-light {
    border-color: rgba(15, 23, 42, 0.08) !important;
}
body#clean-theme-client.html-cart footer .logo__img--light {
    display: inline-block;
}
body#clean-theme-client.html-cart footer .logo__img--dark {
    display: none;
}
html[data-bs-theme="dark"] body#clean-theme-client.html-cart footer .logo__img--light {
    display: none;
}
html[data-bs-theme="dark"] body#clean-theme-client.html-cart footer .logo__img--dark {
    display: inline-block;
}

/* Social connect buttons in account form */
body#clean-theme-client.html-cart .socialconnect {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

/* Classic modal compat (iziModal still used for whois/dns modals) */
body#clean-theme-client.html-cart .modal-foot-btn {
    padding: 1rem;
    text-align: right;
    border-top: 1px solid rgba(0,0,0,0.08);
}

body#clean-theme-client.html-cart .padding20 {
    padding: 1.25rem;
}

body#clean-theme-client.html-cart .padding15 {
    padding: 0.9375rem;
}

body#clean-theme-client.html-cart .red-info {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    color: #b91c1c;
}

body#clean-theme-client.html-cart .blue-info {
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.25);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    color: #1d4ed8;
}

/* Classic form inputs inside whois modal */
body#clean-theme-client.html-cart #cart-whois-details input,
body#clean-theme-client.html-cart #cart-ns-details input {
    width: 100%;
    padding: 0.4rem 0.6rem;
    margin-bottom: 0.5rem;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    box-sizing: border-box;
}

body#clean-theme-client.html-cart .yuzde33 {
    width: 32%;
    display: inline-block;
    margin-right: 0.5%;
}

/* Tab navigation in whois modal */
body#clean-theme-client.html-cart .tab {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    gap: 0.25rem;
}

body#clean-theme-client.html-cart .tab .tablinks {
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem 0.375rem 0 0;
    cursor: pointer;
    font-size: 0.875rem;
    color: inherit;
    text-decoration: none;
}

body#clean-theme-client.html-cart .tab .tablinks.active {
    background: var(--bs-secondary, #0d6efd);
    color: #fff;
}

body#clean-theme-client.html-cart .tabcontent {
    display: none;
}

/* Account form - secure options */
body#clean-theme-client.html-cart .secureoptions {
    padding: 0.75rem;
    background: rgba(0,0,0,0.03);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart .verificationcontent {
    text-align: center;
}

body#clean-theme-client.html-cart .verificationcontent h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart .line {
    border-top: 1px solid rgba(0,0,0,0.1);
    margin: 1rem 0;
}

body#clean-theme-client.html-cart .notverification {
    margin-top: 1rem;
    font-size: 0.875rem;
    color: rgba(0,0,0,0.55);
}

/* Classic gonderbtn / lbtn compat inside html-cart */
body#clean-theme-client.html-cart .gonderbtn.yesilbtn,
body#clean-theme-client.html-cart a.yesilbtn.gonderbtn {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    background: var(--bs-success, #16a34a);
    color: #fff !important;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

body#clean-theme-client.html-cart .lbtn {
    display: inline-block;
    padding: 0.375rem 1rem;
    background: rgba(0,0,0,0.07);
    color: inherit;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    text-decoration: none;
}

body#clean-theme-client.html-cart .green.lbtn {
    background: var(--bs-success, #16a34a);
    color: #fff !important;
}

/* Formcon wrappers (used in whois modal) */
body#clean-theme-client.html-cart .formcon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.75rem;
}

body#clean-theme-client.html-cart .yuzde30 { width: 30%; }
body#clean-theme-client.html-cart .yuzde70 { width: 70%; }
body#clean-theme-client.html-cart .yuzde50 { width: 50%; }
body#clean-theme-client.html-cart .yuzde25 { width: 25%; }
body#clean-theme-client.html-cart .yuzde75 { width: 75%; }
body#clean-theme-client.html-cart .yuzde100 { width: 100%; }

body#clean-theme-client.html-cart .hesapbilgisi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.75rem;
}

body#clean-theme-client.html-cart .hesapbilgititle {
    font-weight: 600;
    font-size: 0.875rem;
}

body#clean-theme-client.html-cart .profile-name-wrap .yuzde30,
body#clean-theme-client.html-cart .profile-name-wrap .yuzde70 {
    display: inline-block;
}

body#clean-theme-client.html-cart .classic-order-flow .pakettitle.classic-order-flow__heading {
    margin-top: 0 !important;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock.active {
    border: 2px solid var(--flow-accent);
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con {
    justify-content: flex-start;
    align-items: stretch;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con.orderperiodblock-con--single {
    grid-template-columns: minmax(280px, 360px);
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    transform: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock:hover {
    transform: translateY(-2px) !important;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock h2 {
    max-width: 100%;
    word-break: keep-all;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock .periodselectbox {
    left: 24px !important;
    right: auto !important;
    top: auto !important;
    bottom: 24px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px !important;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock h3 {
    color: var(--flow-accent);
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock.active .periodselectbox {
    border: 2px solid var(--flow-accent);
    background: var(--flow-accent);
    color: #ffffff;
}

body#clean-theme-client.html-cart .classic-order-flow .ribbonperiod {
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}

body#clean-theme-client.html-cart .classic-order-flow .ribbonperiod span {
    background: linear-gradient(180deg, var(--flow-accent) 0%, var(--flow-accent) 100%);
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    line-height: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: none !important;
    border-radius: 999px !important;
    padding: 8px 12px !important;
}

body#clean-theme-client.html-cart .classic-order-flow .ribbonperiod span::before,
body#clean-theme-client.html-cart .classic-order-flow .ribbonperiod span::after {
    display: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions {
    display: flex;
    grid-column: 1 / -1;
    justify-content: center;
    margin: 1rem 0 0;
}

body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions .btn,
body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions .gonderbtn {
    min-width: min(100%, 20rem);
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con.orderperiodblock-con--single .classic-order-flow__actions {
    justify-content: flex-start;
}

body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con > .clear {
    display: none;
}

body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__result {
    text-align: center;
    margin-top: 0.75rem !important;
}

body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__result.classic-order-flow__result--left {
    text-align: left;
}

body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__empty-icon {
    font-size: 4.25rem;
    margin-bottom: 0.95rem;
}

body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__empty-title {
    font-weight: 700;
}

body#clean-theme-client.html-cart .classic-order-flow .radio-custom-label,
body#clean-theme-client.html-cart .classic-order-flow .checkbox-custom-label {
    margin-right: 0 !important;
    padding-right: 0.25rem;
}

body#clean-theme-client.html-cart .classic-order-flow .skonfiginfo[style],
body#clean-theme-client.html-cart .classic-order-flow .sunucusipside > .skonfigside[style] {
    margin-bottom: 1.25rem !important;
}

body#clean-theme-client.html-cart .classic-order-flow .skonfiginfo > div[style],
body#clean-theme-client.html-cart .classic-order-flow .skonfigside > div[style] {
    padding: 1.5rem !important;
}

body#clean-theme-client.html-cart .classic-order-flow .skonfigside strong[style*="float: right"] {
    float: none !important;
    margin-left: auto;
}

body#clean-theme-client.html-cart .classic-order-flow .tescilsonuc tr,
body#clean-theme-client.html-cart .classic-order-flow .skonfiginfo tr {
    border-radius: 1rem;
}

body#clean-theme-client.html-cart .classic-order-flow .mio-ajax-submit strong {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

body#clean-theme-client.html-cart .classic-order-flow .alanadisorgu .gonderbtn {
    width: auto;
}

body#clean-theme-client.html-cart .classic-order-flow .ui-accordion .ui-accordion-content {
    overflow: visible;
}

body#clean-theme-client.html-cart .classic-order-flow .sadeckyinfo {
    display: inline-block;
    margin-top: 0.65rem;
    color: #64748b;
}

body#clean-theme-client.html-cart .classic-order-flow #result_dns,
body#clean-theme-client.html-cart .classic-order-flow .tescilsonuc td,
body#clean-theme-client.html-cart .classic-order-flow .skonfiginfo,
body#clean-theme-client.html-cart .classic-order-flow .skonfigside {
    scroll-margin-top: 7rem;
}

body#clean-theme-client.html-cart .classic-order-flow .classic-order-empty-state h4 {
    color: #475569;
    line-height: 1.7;
}

body#clean-theme-client.html-cart .classic-order-flow .classic-order-empty-state h4 strong {
    color: #0f172a;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .checkout-legal-grid {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-cart .checkout-auth-stage {
        margin-top: -1rem;
    }

    body#clean-theme-client.html-cart .checkout-segmented--auth,
    body#clean-theme-client.html-cart .checkout-segmented--kind {
        max-width: none;
    }

    body#clean-theme-client.html-cart .html-cart-hero--compact.hero-7 {
        padding-top: clamp(2.5rem, 4vw, 3.5rem) !important;
        padding-bottom: clamp(1.5rem, 2.5vw, 2.25rem) !important;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy {
        max-width: none;
        border-radius: 20px;
    }

    body#clean-theme-client.html-cart .checkout-auth-stage .checkout-segmented--auth {
        border-radius: 20px 20px 0 0;
    }

    body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions .btn,
    body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions .gonderbtn {
        min-width: 100%;
    }

    body#clean-theme-client.html-cart .checkout-summary-stack {
        position: static;
        top: auto;
    }
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .html-cart-summary-stack {
        position: static;
        top: auto;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-cart .checkout-auth-stage {
        margin-top: -0.5rem;
    }

    body#clean-theme-client.html-cart .html-cart-hero--compact.hero-7 {
        padding-top: clamp(2rem, 3.5vw, 3rem) !important;
        padding-bottom: clamp(1.25rem, 2vw, 1.75rem) !important;
    }

    body#clean-theme-client.html-cart .html-cart-hero--compact .html-cart-hero__panel {
        padding: clamp(1.15rem, 2vw, 1.5rem) 1.15rem;
    }

    body#clean-theme-client.html-cart .html-cart-hero--compact .html-cart-hero__icon {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.15rem;
    }

    body#clean-theme-client.html-cart .html-cart-hero--compact .html-cart-hero__panel h1 {
        font-size: clamp(1.1rem, 1.6vw, 1.35rem);
    }

    body#clean-theme-client.html-cart .checkout-auth-shell__back {
        margin-bottom: 0.4rem;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy {
        gap: 0;
        border-radius: 18px;
    }

    body#clean-theme-client.html-cart .checkout-auth-stage .checkout-segmented--auth {
        border-radius: 18px 18px 0 0;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-premium__form-inner {
        max-width: none;
    }

    body#clean-theme-client.html-cart .checkout-summary-card,
    body#clean-theme-client.html-cart .checkout-summary-assurance {
        padding: 1.25rem;
        border-radius: 20px;
    }

    body#clean-theme-client.html-cart .checkout-segmented {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__header {
        padding: 0.6rem 1.15rem 0;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__body {
        padding: 0.45rem 1.15rem;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__footer {
        padding: 0.2rem 1.15rem 0.65rem;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__after {
        padding: 0.5rem 1.15rem 0.85rem;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-switch {
        padding: 0.5rem 1.15rem 0.85rem;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-premium__intro {
        padding: 0.85rem 1.15rem 0;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .html-sign-card__surface {
        padding: 0 1.15rem;
    }

    body#clean-theme-client.html-cart .checkout-auth-copy .signup-wizard__progress {
        padding: 0.5rem 1.15rem;
    }

    body#clean-theme-client.html-cart .checkout-auth-inline-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    body#clean-theme-client.html-cart .html-cart-hero__panel {
        border-radius: 1.25rem;
    }

    body#clean-theme-client.html-cart .html-cart-item__layout {
        flex-direction: column;
    }

    body#clean-theme-client.html-cart .html-cart-item__aside {
        flex-basis: auto;
        width: 100%;
        align-items: flex-start;
    }

    body#clean-theme-client.html-cart .html-cart-item__period {
        justify-content: flex-start;
    }

    body#clean-theme-client.html-cart .html-cart-item__discount {
        text-align: left;
    }

    body#clean-theme-client.html-cart .html-cart-stage__continue,
    body#clean-theme-client.html-cart .html-cart-summary-actions .btn {
        width: 100%;
    }

    body#clean-theme-client.html-cart .classic-order-flow table,
    body#clean-theme-client.html-cart .classic-order-flow tbody,
    body#clean-theme-client.html-cart .classic-order-flow tr {
        display: block;
        width: 100%;
    }

    body#clean-theme-client.html-cart .classic-order-flow .classic-order-flow__actions {
        margin: 1.75rem 0 0.5rem;
    }

    body#clean-theme-client.html-cart .classic-order-flow .alanadisorgu .gonderbtn,
    body#clean-theme-client.html-cart .classic-order-flow .btn,
    body#clean-theme-client.html-cart .classic-order-flow .gonderbtn {
        width: 100%;
    }

    body#clean-theme-client.html-cart .classic-order-flow .orderperiodblock-con {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-cart .classic-order-flow .ilanasamalar {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-cart .classic-order-flow .section-space-md-y {
        padding-inline: 1rem !important;
    }

    body#clean-theme-client.html-cart .classic-order-flow .skonfiginfo > div[style],
    body#clean-theme-client.html-cart .classic-order-flow .skonfigside > div[style] {
        padding: 1.1rem !important;
    }
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .siparisbilgileri > .domainsec {
    width: min(100%, 58rem) !important;
    margin-inline: auto !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec table,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec tbody,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec tr,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec td {
    width: 100% !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec .ui-accordion-header {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    min-height: 3.5rem !important;
    margin: 0 0 0.75rem !important;
    padding: 0 1.25rem !important;
    background: #f8fafc !important;
    border: 1px solid var(--cart-line, rgba(15, 23, 42, 0.10)) !important;
    border-radius: 0.875rem !important;
    box-shadow: none !important;
    color: var(--cart-heading, #03063a) !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec .ui-accordion-header .ui-accordion-header-icon {
    position: static !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec .ui-accordion-header strong {
    font: inherit !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain .domainsec .ui-accordion-content {
    margin: 0 0 1.15rem !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu,
body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1.15rem !important;
    text-align: left !important;
    background: #ffffff !important;
    border: 1px solid var(--cart-line, rgba(15, 23, 42, 0.10)) !important;
    border-radius: 0.875rem !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.75rem !important;
    align-items: center !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu select {
    width: 100% !important;
    min-height: 2.875rem !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0.95rem !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    color: #0f172a !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu .gonderbtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 7.5rem !important;
    min-height: 2.875rem !important;
    margin: 0 !important;
    padding: 0 1.15rem !important;
    float: none !important;
    border-radius: 0.75rem !important;
    box-shadow: none !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu h5 {
    grid-column: 1 / -1 !important;
    float: none !important;
    margin: 0.15rem 0 0 !important;
    color: #475569 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu h5 a {
    display: inline !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--cart-primary, #2A62FE) !important;
    font: inherit !important;
    text-decoration: underline !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
    gap: 0.75rem !important;
    align-items: end !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu h5 {
    grid-column: 1 / -1 !important;
    float: none !important;
    max-width: 48rem !important;
    margin: 0 0 0.15rem !important;
    color: var(--cart-heading, #03063a) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu input[type="text"] {
    width: 100% !important;
    min-height: 2.875rem !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0.95rem !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    color: #0f172a !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu > strong {
    display: block !important;
    margin: 0 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu > strong .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 7.5rem !important;
    min-height: 2.875rem !important;
    margin: 0 !important;
    padding: 0 1.15rem !important;
    float: none !important;
    border-radius: 0.75rem !important;
    box-shadow: none !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu #result {
    grid-column: 1 / -1 !important;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu,
    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu {
        grid-template-columns: 1fr !important;
    }

    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm1 .alanadisorgu .gonderbtn,
    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu > strong .btn {
        width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu > strong {
        grid-column: 1 / -1 !important;
    }

    body#clean-theme-client.html-cart .classic-order-flow.classic-order-flow--domain #StepForm2 .alanadisorgu > strong .btn {
        width: 100% !important;
    }
}


body#clean-theme-client.html-domain-search {
    padding-top: 0;
    overflow-x: clip;
}

body#clean-theme-client.html-domain-search .primary-header {
    font-family: inherit;
}

body#clean-theme-client.html-domain-search .primary-header .navbar-nav,
body#clean-theme-client.html-domain-search .primary-header .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-domain-search .primary-header .logo {
    position: relative;
    float: none;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    height: 2rem;
}

body#clean-theme-client.html-domain-search .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}

body#clean-theme-client.html-domain-search img {
    float: none;
    max-width: 100%;
    height: auto;
}

body#clean-theme-client.html-domain-search .primary-header .logo__img--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-domain-search .primary-header .logo__img--dark {
    display: inline-block;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-domain-search .primary-header .logo__img--light {
    display: none;
}

body#clean-theme-client.html-domain-search .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client.html-domain-search .domain-brand-card__img {
    max-height: 3rem;
    width: auto;
}

body#clean-theme-client.html-domain-search .domain-price-badge {
    width: 2rem;
    height: 2rem;
}

body#clean-theme-client.html-domain-search .domain-result-table td,
body#clean-theme-client.html-domain-search .domain-result-table th {
    vertical-align: middle;
}

body#clean-theme-client.html-domain-search .domain-result-table .form-check-input {
    width: 1.1rem;
    height: 1.1rem;
}


body#clean-theme-client.html-domain-transfer {
    padding-top: 0;
    overflow-x: clip;
}

body#clean-theme-client.html-domain-transfer .primary-header {
    font-family: inherit;
}

body#clean-theme-client.html-domain-transfer .primary-header .navbar-nav,
body#clean-theme-client.html-domain-transfer .primary-header .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-domain-transfer .primary-header .logo {
    position: relative;
    float: none;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    height: 2rem;
}

body#clean-theme-client.html-domain-transfer .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}

body#clean-theme-client.html-domain-transfer img {
    float: none;
    max-width: 100%;
    height: auto;
}

body#clean-theme-client.html-domain-transfer .primary-header .logo__img--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-domain-transfer .primary-header .logo__img--dark {
    display: inline-block;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-domain-transfer .primary-header .logo__img--light {
    display: none;
}

body#clean-theme-client.html-domain-transfer .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client.html-domain-transfer .domain-brand-card__img {
    max-height: 3rem;
    width: auto;
}


body#clean-theme-client.html-server-products {
    padding-top: 0;
    overflow-x: clip;
}

body#clean-theme-client.html-server-products .primary-header {
    font-family: inherit;
}

body#clean-theme-client.html-server-products .primary-header .navbar-nav,
body#clean-theme-client.html-server-products .primary-header .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-server-products .primary-header .logo {
    position: relative;
    float: none;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    height: 2rem;
}

body#clean-theme-client.html-server-products .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}

body#clean-theme-client.html-server-products img {
    float: none;
    max-width: 100%;
    height: auto;
}

body#clean-theme-client.html-server-products .primary-header .logo__img--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-server-products .primary-header .logo__img--dark {
    display: inline-block;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-server-products .primary-header .logo__img--light {
    display: none;
}

body#clean-theme-client.html-server-products .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client.html-server-products .server-tab-icon {
    max-height: 2rem;
    width: auto;
}

body#clean-theme-client.html-server-products .server-price-table td,
body#clean-theme-client.html-server-products .server-price-table th {
    vertical-align: middle;
}

body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 {
    background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%) !important;
    color: var(--bs-body-color);
}

body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 h3,
body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 h4,
body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 h5,
body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 h6,
body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 .text-light {
    color: var(--bs-heading-color) !important;
}

body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 p,
body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 .text-body,
body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 .text-light.text-opacity-50 {
    color: var(--bs-body-color) !important;
}

body#clean-theme-client.html-server-products .section-space-y.bg-dark.position-relative.z-1 .bg-light-subtle {
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-server-products .cta-3__box > .bg-dark {
    background: linear-gradient(135deg, #eef4ff 0%, #ffffff 100%) !important;
    border: 1px solid rgba(37, 69, 95, 0.12);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
}

body#clean-theme-client.html-server-products .cta-3__box > .bg-dark .text-light,
body#clean-theme-client.html-server-products .cta-3__box > .bg-dark h3,
body#clean-theme-client.html-server-products .cta-3__box > .bg-dark p {
    color: var(--bs-heading-color) !important;
}

body#clean-theme-client.html-server-products .cta-3__box > .bg-dark .btn-outline-light {
    color: var(--bs-heading-color);
    border-color: rgba(37, 69, 95, 0.2);
    background: #ffffff;
}

body#clean-theme-client.html-server-products .cta-3__box > .bg-dark .btn-outline-light:hover {
    color: #ffffff;
    border-color: var(--bs-primary);
    background: var(--bs-primary);
}

body#clean-theme-client.html-server-products .cta-3::before,
body#clean-theme-client.html-server-products .cta-3::after {
    background: transparent !important;
}

body#clean-theme-client.html-server-products .cta-3__box {
    background: transparent !important;
    background-image: none !important;
}

body#clean-theme-client.html-server-products .cta-4::before {
    background: #f7f9ff !important;
    background-image: none !important;
}

body#clean-theme-client.html-server-products .cta-4__container {
    background: #eef3ff !important;
}

body#clean-theme-client.html-server-products .classic-server-pricing {
    padding-top: 72px;
    padding-bottom: 80px;
    background: linear-gradient(180deg, rgba(245, 248, 255, 0.9) 0%, rgba(255, 255, 255, 0) 72%);
}

body#clean-theme-client.html-server-products .classic-server-pricing__shell {
    width: 100%;
    max-width: 1280px;
}

body#clean-theme-client.html-server-products .classic-server-pricing__intro {
    max-width: 900px;
    margin: 0 auto 28px;
}

body#clean-theme-client.html-server-products .classic-server-pricing__title {
    color: var(--bs-heading-color);
    font-size: clamp(2.5rem, 1.8rem + 1.8vw, 3.5rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.05em;
    text-wrap: balance;
}

body#clean-theme-client.html-server-products .classic-server-pricing__tabs-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

body#clean-theme-client.html-server-products .classic-server-pricing__tabs {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 6px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.035);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

body#clean-theme-client.html-server-products .classic-server-pricing__tab.nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 0.875rem;
    color: #667085;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    background: transparent;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body#clean-theme-client.html-server-products .classic-server-pricing__tab.nav-link:hover {
    color: var(--bs-heading-color);
}

body#clean-theme-client.html-server-products .classic-server-pricing__tab.nav-link.active,
body#clean-theme-client.html-server-products .classic-server-pricing__tab.nav-link.show {
    color: var(--bs-heading-color);
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.06);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}

body#clean-theme-client.html-server-products .classic-server-pricing__table--stacked {
    margin-top: 40px;
}

body#clean-theme-client.html-server-products .classic-server-pricing__location-head {
    margin-bottom: 32px;
    text-align: center;
}

body#clean-theme-client.html-server-products .classic-server-pricing__location-title {
    color: var(--bs-heading-color);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

body#clean-theme-client.html-server-products .classic-server-pricing__grid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}

body#clean-theme-client.html-server-products .classic-server-plan-card {
    height: 100%;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__frame {
    display: flex;
    flex-direction: column;
    min-height: 560px;
    height: 100%;
    padding: 28px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body#clean-theme-client.html-server-products .classic-server-plan-card:hover .classic-server-plan-card__frame {
    transform: translateY(-2px);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07);
}

body#clean-theme-client.html-server-products .classic-server-plan-card__header {
    margin-bottom: 24px;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__eyebrow {
    color: #98a2b3;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__state {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.75rem;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__state--danger {
    color: #b42318;
    background: rgba(254, 228, 226, 0.9);
}

body#clean-theme-client.html-server-products .classic-server-plan-card__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 16px;
    align-items: start;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__hero-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__title {
    margin: 0;
    color: var(--bs-heading-color);
    font-size: clamp(2rem, 1.7rem + 0.55vw, 2.25rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.05em;
    text-wrap: balance;
    max-width: 12ch;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.875rem;
    padding: 0.375rem 0.625rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.75rem;
    color: #475467;
    background: #f7f8fb;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__badge--neutral {
    color: #526074;
    background: rgba(15, 23, 42, 0.035);
}

body#clean-theme-client.html-server-products .classic-server-plan-card__badge--accent {
    color: var(--bs-primary);
    border-color: rgba(var(--bs-primary-rgb), 0.16);
    background: rgba(var(--bs-primary-rgb), 0.08);
}

body#clean-theme-client.html-server-products .classic-server-plan-card__media {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__media-frame {
    width: 130px;
    height: 130px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0;
    background: transparent;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__media-frame--icon {
    color: var(--bs-primary);
    background: transparent;
    border: none;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__image {
    max-width: 120px;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__icon {
    font-size: 2.5rem;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__price {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-server-products .classic-server-plan-card__price-row {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__price-symbol {
    color: #667085;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 0.5rem;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__price-period {
    color: #667085;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.1;
    padding-bottom: 0.4rem;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__price-value {
    margin: 0;
    color: var(--bs-heading-color);
    font-size: clamp(2.2rem, 1.85rem + 0.7vw, 2.8rem);
    font-weight: 800;
    line-height: 0.95;
    letter-spacing: -0.05em;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__features {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__feature {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 1.5rem;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__feature-icon {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.14);
    border-radius: 999px;
    color: rgba(var(--bs-primary-rgb), 0.9);
    background: rgba(var(--bs-primary-rgb), 0.08);
}

body#clean-theme-client.html-server-products .classic-server-plan-card__feature-icon-svg {
    font-size: 0.7rem;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__feature-text {
    color: #475467;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.5;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__footer {
    margin-top: auto;
    padding-top: 28px;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 52px;
    padding: 0 1rem;
    border-radius: 15px;
    background: var(--bs-heading-color);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
    text-decoration: none;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__button:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 22px rgba(15, 23, 42, 0.14);
    opacity: 0.96;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__button-icon {
    font-size: 0.85rem;
}

body#clean-theme-client.html-server-products .classic-server-plan-card__button--disabled {
    color: #98a2b3;
    background: #edf1f7;
    box-shadow: none;
    cursor: default;
    pointer-events: none;
    opacity: 1;
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-server-products .classic-server-pricing {
        padding-top: 64px;
        padding-bottom: 72px;
    }

    body#clean-theme-client.html-server-products .classic-server-plan-card__frame {
        min-height: 100%;
    }
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart .checkout-auth-stage {
        margin-top: -0.5rem;
    }

    body#clean-theme-client.html-server-products .classic-server-pricing__location-head {
        margin-bottom: 24px;
    }

    body#clean-theme-client.html-server-products .classic-server-plan-card__frame {
        padding: 24px;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-server-products .classic-server-pricing {
        padding-top: 56px;
        padding-bottom: 64px;
    }

    body#clean-theme-client.html-server-products .classic-server-pricing__title {
        font-size: 2.25rem;
    }

    body#clean-theme-client.html-server-products .classic-server-pricing__tabs {
        width: 100%;
    }

    body#clean-theme-client.html-server-products .classic-server-pricing__tab.nav-link {
        width: 100%;
    }

    body#clean-theme-client.html-server-products .classic-server-plan-card__hero {
        grid-template-columns: minmax(0, 1fr) 40px;
        gap: 12px;
    }

    body#clean-theme-client.html-server-products .classic-server-plan-card__title {
        font-size: 1.85rem;
    }

    body#clean-theme-client.html-server-products .classic-server-plan-card__price-value {
        font-size: 2.35rem;
    }
}

body#clean-theme-client.html-server-products .pricing-ref {
    --pricing-ref-surface: #ffffff;
    --pricing-ref-surface-soft: var(--bs-light);
    --pricing-ref-surface-muted: var(--bs-light-bg-subtle);
    --pricing-ref-accent: var(--bs-primary);
    --pricing-ref-accent-soft: color-mix(in srgb, var(--bs-primary-bg-subtle) 86%, #ffffff);
    --pricing-ref-accent-text: var(--bs-primary-text-emphasis);
    --pricing-ref-title: var(--bs-heading-color);
    --pricing-ref-text: var(--bs-body-color);
    --pricing-ref-border: rgba(15, 23, 42, 0.08);
    --pricing-ref-shadow: 0 10px 20px -4px rgba(145, 158, 171, 0.16);
    padding-top: 72px;
    padding-bottom: 64px;
    background: linear-gradient(180deg, var(--bs-tertiary-bg) 0%, rgba(255, 255, 255, 0) 100%);
}

html[data-bs-theme="dark"] body#clean-theme-client.html-server-products .pricing-ref {
    --pricing-ref-surface: #121821;
    --pricing-ref-surface-soft: rgba(242, 245, 255, 0.04);
    --pricing-ref-surface-muted: rgba(242, 245, 255, 0.06);
    --pricing-ref-accent-soft: color-mix(in srgb, var(--bs-primary-bg-subtle) 78%, transparent);
    --pricing-ref-title: #f2f5ff;
    --pricing-ref-text: rgba(240, 240, 255, 0.8);
    --pricing-ref-border: rgba(242, 245, 255, 0.1);
    --pricing-ref-shadow: 0 16px 32px -22px rgba(0, 0, 0, 0.7);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 100%);
}

body#clean-theme-client.html-server-products .pricing-ref__head {
    max-width: 58rem;
    margin: 0 auto 40px;
    text-align: center;
}

body#clean-theme-client.html-server-products .pricing-ref__title {
    margin: 0 0 1rem;
    color: var(--pricing-ref-title);
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.05em;
}

body#clean-theme-client.html-server-products .pricing-ref__subtitle {
    margin: 0;
    color: var(--pricing-ref-accent);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.45;
}

body#clean-theme-client.html-server-products .pricing-ref__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

body#clean-theme-client.html-server-products .pricing-ref__card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 100%;
    border: 1px solid var(--pricing-ref-border);
    border-radius: 28px;
    background: var(--pricing-ref-surface);
    box-shadow: var(--pricing-ref-shadow);
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured {
    border-color: rgba(var(--bs-primary-rgb), 0.16);
}

body#clean-theme-client.html-server-products .pricing-ref__visual {
    height: 180px;
    padding: 32px 32px 0;
    background: var(--pricing-ref-surface);
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--pricing-ref-border);
    border-radius: 24px;
    background: linear-gradient(180deg, var(--pricing-ref-surface-soft) 0%, rgba(255, 255, 255, 0) 100%);
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media--image::before,
body#clean-theme-client.html-server-products .pricing-ref__visual-media--image::after {
    opacity: 0;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media--image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 18px;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media::before,
body#clean-theme-client.html-server-products .pricing-ref__visual-media::after {
    content: "";
    position: absolute;
    inset: auto;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media::before {
    left: 50%;
    top: 50%;
    width: 44%;
    height: 44%;
    border-radius: 999px;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.16);
    background: rgba(var(--bs-primary-rgb), 0.06);
    transform: translate(-50%, -50%);
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media::after {
    left: 18%;
    right: 18%;
    bottom: 20px;
    height: 18px;
    border-radius: 999px;
    background: rgba(var(--bs-primary-rgb), 0.08);
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__visual,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__intro,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__body {
    background: var(--pricing-ref-accent-soft);
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__visual-media {
    border-color: transparent;
    background: transparent;
}

body#clean-theme-client.html-server-products .pricing-ref__intro {
    padding: 0 32px 24px;
    background: var(--pricing-ref-surface);
}

body#clean-theme-client.html-server-products .pricing-ref__plan-title {
    margin: 0 0 0.75rem;
    color: var(--pricing-ref-title);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__plan-title {
    color: var(--pricing-ref-accent-text);
}

body#clean-theme-client.html-server-products .pricing-ref__plan-desc {
    margin: 0;
    color: var(--pricing-ref-text);
    font-size: 1rem;
    line-height: 1.6;
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__plan-desc {
    color: color-mix(in srgb, var(--pricing-ref-accent-text) 82%, transparent);
}

body#clean-theme-client.html-server-products .pricing-ref__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 32px;
    background: color-mix(in srgb, var(--pricing-ref-surface-muted) 62%, var(--pricing-ref-surface));
}

body#clean-theme-client.html-server-products .pricing-ref__price-row {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

body#clean-theme-client.html-server-products .pricing-ref__currency {
    padding-bottom: 10px;
    color: var(--pricing-ref-title);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}

body#clean-theme-client.html-server-products .pricing-ref__amount {
    color: var(--pricing-ref-title);
    font-size: 4rem;
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.05em;
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__currency,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__amount {
    color: var(--pricing-ref-accent-text);
}

body#clean-theme-client.html-server-products .pricing-ref__price-row .pricing-ref__amount:only-child {
    font-size: 3rem;
}

body#clean-theme-client.html-server-products .pricing-ref__meta {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-bottom: 10px;
}

body#clean-theme-client.html-server-products .pricing-ref__meta .pricing-ref__meta-line {
    margin: 0;
    color: var(--pricing-ref-text);
    font-size: 0.875rem;
    line-height: 1.5;
}

body#clean-theme-client.html-server-products .pricing-ref__body > .pricing-ref__meta-line {
    margin: 12px 0 0;
    color: var(--pricing-ref-text);
    font-size: 0.9375rem;
    line-height: 1.6;
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__meta .pricing-ref__meta-line,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__body > .pricing-ref__meta-line {
    color: color-mix(in srgb, var(--pricing-ref-accent-text) 80%, transparent);
}

body#clean-theme-client.html-server-products .pricing-ref__badge {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0.375rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    color: var(--pricing-ref-accent-text);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

body#clean-theme-client.html-server-products .pricing-ref__cta.btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-border-radius: 0.75rem;
    width: 100%;
    min-height: 52px;
    margin: 24px 0;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__cta.btn-light {
    color: var(--pricing-ref-accent-text);
}

body#clean-theme-client.html-server-products .pricing-ref__feature-title {
    margin: 0 0 1rem;
    color: var(--pricing-ref-title);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__feature-title {
    color: var(--pricing-ref-accent-text);
}

body#clean-theme-client.html-server-products .pricing-ref__features {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-server-products .pricing-ref__feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

body#clean-theme-client.html-server-products .pricing-ref__feature-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 999px;
    color: var(--pricing-ref-accent);
    background: rgba(var(--bs-primary-rgb), 0.08);
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__feature-icon {
    color: var(--pricing-ref-accent-text);
    background: rgba(255, 255, 255, 0.26);
}

body#clean-theme-client.html-server-products .pricing-ref__feature-icon svg {
    width: 24px;
    height: 24px;
    display: block;
}

body#clean-theme-client.html-server-products .pricing-ref__feature-text {
    color: var(--pricing-ref-title);
    font-size: 1rem;
    line-height: 1.55;
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__feature-text {
    color: color-mix(in srgb, var(--pricing-ref-accent-text) 88%, transparent);
}

body#clean-theme-client.html-server-products .pricing-ref__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 32px;
    padding: 18px 24px;
    border: 1px solid var(--pricing-ref-border);
    border-radius: 20px;
    background: color-mix(in srgb, var(--pricing-ref-surface) 88%, var(--pricing-ref-surface-soft));
    box-shadow: var(--pricing-ref-shadow);
}

body#clean-theme-client.html-server-products .pricing-ref__footer-left,
body#clean-theme-client.html-server-products .pricing-ref__footer-center,
body#clean-theme-client.html-server-products .pricing-ref__footer-right {
    display: flex;
    align-items: center;
}

body#clean-theme-client.html-server-products .pricing-ref__footer-center {
    flex: 1 1 auto;
    justify-content: center;
}

body#clean-theme-client.html-server-products .pricing-ref__footer-right {
    justify-content: flex-end;
}

body#clean-theme-client.html-server-products .pricing-ref__select {
    min-width: 168px;
    min-height: 44px;
    padding: 0.75rem 2.75rem 0.75rem 1rem;
    border: 1px solid var(--pricing-ref-border);
    border-radius: 12px;
    color: var(--pricing-ref-title);
    background-color: var(--pricing-ref-surface);
    background-image:
        linear-gradient(45deg, transparent 50%, var(--pricing-ref-title) 50%),
        linear-gradient(135deg, var(--pricing-ref-title) 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
    background-size: 6px 6px;
    background-repeat: no-repeat;
    appearance: none;
    font-size: 1rem;
    line-height: 1.2;
}

body#clean-theme-client.html-server-products .pricing-ref__link {
    color: var(--pricing-ref-accent-text);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

body#clean-theme-client.html-server-products .pricing-ref__toggle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

body#clean-theme-client.html-server-products .pricing-ref__toggle input {
    position: relative;
    width: 44px;
    height: 24px;
    margin: 0;
    border: 1px solid var(--pricing-ref-border);
    border-radius: 999px;
    background: var(--pricing-ref-surface-muted);
    appearance: none;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

body#clean-theme-client.html-server-products .pricing-ref__toggle input::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: var(--pricing-ref-surface);
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.12);
    transition: transform 0.2s ease;
}

body#clean-theme-client.html-server-products .pricing-ref__toggle input:checked {
    border-color: rgba(var(--bs-primary-rgb), 0.6);
    background: var(--pricing-ref-accent);
}

body#clean-theme-client.html-server-products .pricing-ref__toggle input:checked::before {
    transform: translateX(20px);
}

body#clean-theme-client.html-server-products .pricing-ref__toggle-label {
    color: var(--pricing-ref-title);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-server-products .pricing-ref__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body#clean-theme-client.html-server-products .pricing-ref__card--featured {
        order: -1;
    }

    body#clean-theme-client.html-server-products .pricing-ref__footer {
        flex-wrap: wrap;
    }

    body#clean-theme-client.html-server-products .pricing-ref__footer-center {
        order: 3;
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-server-products .pricing-ref__title {
        font-size: 3.5rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__grid {
        gap: 24px;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-server-products .pricing-ref {
        padding-top: 60px;
        padding-bottom: 56px;
    }

    body#clean-theme-client.html-server-products .pricing-ref__title {
        font-size: 3rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body#clean-theme-client.html-server-products .pricing-ref__visual {
        padding-left: 24px;
        padding-right: 24px;
    }

    body#clean-theme-client.html-server-products .pricing-ref__intro,
    body#clean-theme-client.html-server-products .pricing-ref__body {
        padding-left: 24px;
        padding-right: 24px;
    }

    body#clean-theme-client.html-server-products .pricing-ref__amount {
        font-size: 3.25rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__footer {
        padding: 18px;
    }

    body#clean-theme-client.html-server-products .pricing-ref__footer-left,
    body#clean-theme-client.html-server-products .pricing-ref__footer-center,
    body#clean-theme-client.html-server-products .pricing-ref__footer-right {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-server-products .pricing-ref__title {
        font-size: 2.5rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__subtitle {
        font-size: 1rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__price-row {
        gap: 10px;
    }

    body#clean-theme-client.html-server-products .pricing-ref__badge {
        margin-left: 0;
    }

    body#clean-theme-client.html-server-products .pricing-ref__select {
        width: 100%;
    }
}

body#clean-theme-client.html-server-products .pricing-ref {
    --pricing-ref-muted: color-mix(in srgb, var(--pricing-ref-text) 72%, #ffffff 28%);
    padding-top: 80px;
    padding-bottom: 72px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--bs-tertiary-bg) 94%, #ffffff) 0%, rgba(255, 255, 255, 0) 100%);
}

html[data-bs-theme="dark"] body#clean-theme-client.html-server-products .pricing-ref {
    --pricing-ref-muted: rgba(240, 240, 255, 0.6);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}

body#clean-theme-client.html-server-products .pricing-ref__head {
    max-width: 48rem;
    margin-bottom: 48px;
}

body#clean-theme-client.html-server-products .pricing-ref__title {
    margin-bottom: 1rem;
    font-size: clamp(2.75rem, 4.8vw, 3.75rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.05em;
}

body#clean-theme-client.html-server-products .pricing-ref__subtitle {
    max-width: 40rem;
    margin: 0 auto;
    color: var(--pricing-ref-text);
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1.7;
}

body#clean-theme-client.html-server-products .pricing-ref__billing {
    display: inline-flex;
    align-items: center;
    gap: 0.875rem;
    margin-top: 1.75rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid var(--pricing-ref-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px -22px rgba(15, 23, 42, 0.32);
    pointer-events: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-server-products .pricing-ref__billing {
    background: rgba(18, 24, 33, 0.86);
}

body#clean-theme-client.html-server-products .pricing-ref__billing-label {
    color: var(--pricing-ref-muted);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
}

body#clean-theme-client.html-server-products .pricing-ref__billing-label--active {
    color: var(--pricing-ref-title);
}

body#clean-theme-client.html-server-products .pricing-ref__switch {
    display: inline-flex;
    align-items: center;
    width: 48px;
    height: 28px;
    padding: 3px;
    border-radius: 999px;
    background: rgba(var(--bs-primary-rgb), 0.18);
}

body#clean-theme-client.html-server-products .pricing-ref__switch-input {
    display: block;
    width: 22px;
    height: 22px;
    margin-left: auto;
    border-radius: 999px;
    background: var(--bs-primary);
    box-shadow: 0 6px 14px -10px rgba(var(--bs-primary-rgb), 0.9);
}

body#clean-theme-client.html-server-products .pricing-ref__grid {
    gap: 24px;
}

body#clean-theme-client.html-server-products .pricing-ref__card {
    position: relative;
    min-height: 100%;
    border-radius: 26px;
    background: var(--pricing-ref-surface);
    box-shadow: 0 22px 44px -34px rgba(15, 23, 42, 0.24);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body#clean-theme-client.html-server-products .pricing-ref__card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--bs-primary-rgb), 0.22);
    box-shadow: 0 26px 48px -34px rgba(15, 23, 42, 0.28);
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured {
    border-color: rgba(var(--bs-primary-rgb), 0.22);
    background: color-mix(in srgb, var(--pricing-ref-accent-soft) 54%, var(--pricing-ref-surface));
}

body#clean-theme-client.html-server-products .pricing-ref__visual,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__visual,
body#clean-theme-client.html-server-products .pricing-ref__intro,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__intro,
body#clean-theme-client.html-server-products .pricing-ref__body,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__body {
    background: transparent;
}

body#clean-theme-client.html-server-products .pricing-ref__visual {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 136px;
    padding: 28px 28px 0;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-top {
    position: absolute;
    top: 24px;
    right: 24px;
    left: 24px;
    display: flex;
    justify-content: flex-end;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media {
    width: 140px;
    height: 140px;
    border-radius: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media::before,
body#clean-theme-client.html-server-products .pricing-ref__visual-media::after {
    display: none;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media--icon,
body#clean-theme-client.html-server-products .pricing-ref__visual-media--image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-media--image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 10px;
}

body#clean-theme-client.html-server-products .pricing-ref__visual-icon {
    font-size: 3rem;
    color: var(--pricing-ref-accent);
}

body#clean-theme-client.html-server-products .pricing-ref__intro {
    padding: 0 28px 24px;
}

body#clean-theme-client.html-server-products .pricing-ref__plan-title,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__plan-title {
    margin: 0 0 0.875rem;
    color: var(--pricing-ref-title);
    font-size: clamp(1.75rem, 3vw, 2.2rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.05em;
}

body#clean-theme-client.html-server-products .pricing-ref__plan-desc,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__plan-desc {
    min-height: 3.2em;
    margin: 0;
    color: var(--pricing-ref-text);
    font-size: 1rem;
    line-height: 1.65;
}

body#clean-theme-client.html-server-products .pricing-ref__body {
    padding: 28px;
    border-top: 1px solid var(--pricing-ref-border);
    background: color-mix(in srgb, var(--pricing-ref-surface-muted) 48%, var(--pricing-ref-surface));
}

body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__body {
    background: color-mix(in srgb, var(--pricing-ref-accent-soft) 26%, var(--pricing-ref-surface));
}

body#clean-theme-client.html-server-products .pricing-ref__price-row {
    gap: 10px 12px;
    align-items: flex-end;
    margin-bottom: 0.75rem;
}

body#clean-theme-client.html-server-products .pricing-ref__currency,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__currency {
    padding-bottom: 0.5rem;
    color: var(--pricing-ref-title);
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1;
}

body#clean-theme-client.html-server-products .pricing-ref__amount,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__amount {
    color: var(--pricing-ref-title);
    font-size: clamp(3.1rem, 4vw, 3.9rem);
    font-weight: 700;
    line-height: 0.92;
    letter-spacing: -0.06em;
}

body#clean-theme-client.html-server-products .pricing-ref__old-price {
    padding-bottom: 0.72rem;
    color: var(--pricing-ref-muted);
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: line-through;
}

body#clean-theme-client.html-server-products .pricing-ref__period {
    padding-bottom: 0.6rem;
    color: var(--pricing-ref-text);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

body#clean-theme-client.html-server-products .pricing-ref__price-note {
    margin: 0 0 1.5rem;
    color: var(--pricing-ref-text);
    font-size: 0.95rem;
    line-height: 1.55;
}

body#clean-theme-client.html-server-products .pricing-ref__badge {
    min-height: 32px;
    padding: 0.4rem 0.85rem;
    border: 1px solid rgba(var(--bs-warning-rgb), 0.28);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-warning-bg-subtle) 86%, #ffffff);
    color: var(--bs-warning-text-emphasis);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-server-products .pricing-ref__cta.btn {
    width: 100%;
    min-height: 52px;
    margin: 0 0 1.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 1rem;
    font-weight: 600;
    box-shadow: none;
}

body#clean-theme-client.html-server-products .pricing-ref__cta.btn-outline-primary {
    background: var(--pricing-ref-surface);
    border-color: rgba(var(--bs-primary-rgb), 0.22);
    color: var(--pricing-ref-accent-text);
}

body#clean-theme-client.html-server-products .pricing-ref__cta.btn-outline-primary:hover {
    background: color-mix(in srgb, var(--pricing-ref-accent-soft) 32%, var(--pricing-ref-surface));
    border-color: rgba(var(--bs-primary-rgb), 0.3);
    color: var(--pricing-ref-accent-text);
}

body#clean-theme-client.html-server-products .pricing-ref__cta.btn-primary {
    border-color: transparent;
}

body#clean-theme-client.html-server-products .hero-6 .btn.btn-secondary,
body#clean-theme-client.html-server-products .cta-3 .btn.btn-secondary,
body#clean-theme-client.html-server-products .cta-4 .btn.btn-secondary,
body#clean-theme-client.html-server-products .section-space-y .btn.btn-primary-emphasis,
body#clean-theme-client.html-server-products .pricing-ref__cta.btn-primary,
body#clean-theme-client.html-server-products .hero-6 .btn.btn-secondary:hover,
body#clean-theme-client.html-server-products .cta-3 .btn.btn-secondary:hover,
body#clean-theme-client.html-server-products .cta-4 .btn.btn-secondary:hover,
body#clean-theme-client.html-server-products .section-space-y .btn.btn-primary-emphasis:hover,
body#clean-theme-client.html-server-products .pricing-ref__cta.btn-primary:hover,
body#clean-theme-client.html-server-products .hero-6 .btn.btn-secondary:focus,
body#clean-theme-client.html-server-products .cta-3 .btn.btn-secondary:focus,
body#clean-theme-client.html-server-products .cta-4 .btn.btn-secondary:focus,
body#clean-theme-client.html-server-products .section-space-y .btn.btn-primary-emphasis:focus,
body#clean-theme-client.html-server-products .pricing-ref__cta.btn-primary:focus {
    color: #ffffff !important;
}

body#clean-theme-client.html-server-products .hero-6 .btn.btn-secondary iconify-icon,
body#clean-theme-client.html-server-products .cta-3 .btn.btn-secondary iconify-icon,
body#clean-theme-client.html-server-products .cta-4 .btn.btn-secondary iconify-icon,
body#clean-theme-client.html-server-products .section-space-y .btn.btn-primary-emphasis iconify-icon,
body#clean-theme-client.html-server-products .pricing-ref__cta.btn-primary iconify-icon {
    color: inherit;
}

body#clean-theme-client.html-server-products .pricing-ref__cta--disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.58;
}

body#clean-theme-client.html-server-products .pricing-ref__features {
    gap: 14px;
}

body#clean-theme-client.html-server-products .pricing-ref__feature {
    align-items: center;
    gap: 12px;
}

body#clean-theme-client.html-server-products .pricing-ref__feature-icon,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__feature-icon {
    width: 24px;
    height: 24px;
    color: var(--pricing-ref-accent);
    background: rgba(var(--bs-primary-rgb), 0.08);
}

body#clean-theme-client.html-server-products .pricing-ref__feature-icon svg {
    width: 20px;
    height: 20px;
}

body#clean-theme-client.html-server-products .pricing-ref__feature-text,
body#clean-theme-client.html-server-products .pricing-ref__card--featured .pricing-ref__feature-text {
    color: var(--pricing-ref-title);
    font-size: 1rem;
    line-height: 1.55;
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-server-products .pricing-ref__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-server-products .pricing-ref {
        padding-top: 64px;
        padding-bottom: 56px;
    }

    body#clean-theme-client.html-server-products .pricing-ref__head {
        margin-bottom: 40px;
    }

    body#clean-theme-client.html-server-products .pricing-ref__billing {
        margin-top: 1.5rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body#clean-theme-client.html-server-products .pricing-ref__visual,
    body#clean-theme-client.html-server-products .pricing-ref__intro,
    body#clean-theme-client.html-server-products .pricing-ref__body {
        padding-left: 24px;
        padding-right: 24px;
    }

    body#clean-theme-client.html-server-products .pricing-ref__visual {
        min-height: 128px;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-server-products .pricing-ref__title {
        font-size: 2.4rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__subtitle {
        font-size: 0.98rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__billing {
        gap: 0.75rem;
        padding: 0.45rem 0.75rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__amount {
        font-size: 3rem;
    }

    body#clean-theme-client.html-server-products .pricing-ref__old-price {
        font-size: 1.1rem;
    }
}


body#clean-theme-client.html-softwares,
body#clean-theme-client.html-software-detail,
body#clean-theme-client.html-special-products {
    padding-top: 0;
    overflow-x: clip;
}

body#clean-theme-client.html-softwares .primary-header,
body#clean-theme-client.html-software-detail .primary-header,
body#clean-theme-client.html-special-products .primary-header {
    font-family: inherit;
}

body#clean-theme-client.html-softwares .primary-header .navbar-nav,
body#clean-theme-client.html-softwares .primary-header .list,
body#clean-theme-client.html-software-detail .primary-header .navbar-nav,
body#clean-theme-client.html-software-detail .primary-header .list,
body#clean-theme-client.html-special-products .primary-header .navbar-nav,
body#clean-theme-client.html-special-products .primary-header .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-softwares .primary-header .logo,
body#clean-theme-client.html-software-detail .primary-header .logo,
body#clean-theme-client.html-special-products .primary-header .logo {
    position: relative;
    float: none;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    height: 2rem;
}

body#clean-theme-client.html-softwares .primary-header .logo__img,
body#clean-theme-client.html-software-detail .primary-header .logo__img,
body#clean-theme-client.html-special-products .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}

body#clean-theme-client.html-softwares img,
body#clean-theme-client.html-software-detail img,
body#clean-theme-client.html-special-products img {
    float: none;
    max-width: 100%;
    height: auto;
}

body#clean-theme-client.html-softwares .primary-header .logo__img--dark,
body#clean-theme-client.html-software-detail .primary-header .logo__img--dark,
body#clean-theme-client.html-special-products .primary-header .logo__img--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-softwares .primary-header .logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client.html-software-detail .primary-header .logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client.html-special-products .primary-header .logo__img--dark {
    display: inline-block;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-softwares .primary-header .logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client.html-software-detail .primary-header .logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client.html-special-products .primary-header .logo__img--light {
    display: none;
}

body#clean-theme-client.html-softwares .primary-header .primary-header-cart-badge,
body#clean-theme-client.html-software-detail .primary-header .primary-header-cart-badge,
body#clean-theme-client.html-special-products .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client.html-softwares .html-softwares-hero,
body#clean-theme-client.html-software-detail .html-software-detail-hero,
body#clean-theme-client.html-special-products .html-special-hero {
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.18), transparent 34%),
        linear-gradient(180deg, #eef4ff 0%, #f8fbff 55%, #ffffff 100%);
}

body#clean-theme-client.html-softwares .html-softwares-kicker,
body#clean-theme-client.html-software-detail .badge.text-bg-light,
body#clean-theme-client.html-special-products .badge.text-bg-light {
    color: #1d4ed8;
    border: 1px solid rgba(29, 78, 216, 0.12);
}

body#clean-theme-client.html-softwares .html-softwares-stat,
body#clean-theme-client.html-special-products .html-softwares-stat {
    min-width: 8rem;
    padding: 1.25rem 1.5rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-softwares .classic-software-hero .bg-white\/10 {
    backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, 0.08) !important;
}

body#clean-theme-client.html-softwares .html-softwares-search-card,
body#clean-theme-client.html-special-products .html-special-hero__panel,
body#clean-theme-client.html-software-detail .html-software-detail-summary,
body#clean-theme-client.html-software-detail .html-software-detail-media,
body#clean-theme-client.html-softwares .html-software-card,
body#clean-theme-client.html-software-detail .html-software-card,
body#clean-theme-client.html-special-products .html-special-card,
body#clean-theme-client.html-special-products .html-special-table-wrap,
body#clean-theme-client.html-softwares .html-rich-content,
body#clean-theme-client.html-software-detail .html-rich-content,
body#clean-theme-client.html-special-products .html-rich-content,
body#clean-theme-client.html-softwares .html-faq-accordion,
body#clean-theme-client.html-software-detail .html-faq-accordion,
body#clean-theme-client.html-special-products .html-faq-accordion {
    backdrop-filter: blur(10px);
}

body#clean-theme-client.html-softwares .html-software-card__media,
body#clean-theme-client.html-software-detail .html-software-card__media {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: linear-gradient(180deg, #edf4ff 0%, #f9fbff 100%);
}

body#clean-theme-client.html-softwares .html-software-card__media img,
body#clean-theme-client.html-software-detail .html-software-card__media img,
body#clean-theme-client.html-special-products .html-special-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body#clean-theme-client.html-softwares .html-softwares-info-card__icon,
body#clean-theme-client.html-software-detail .html-software-detail-feature__icon,
body#clean-theme-client.html-special-products .html-special-check,
body#clean-theme-client.html-software-detail .html-software-detail-check__icon {
    color: #2563eb;
}

body#clean-theme-client.html-softwares .html-softwares-info-card__icon i,
body#clean-theme-client.html-software-detail .html-software-detail-feature__icon i {
    font-size: 2rem;
}

body#clean-theme-client.html-softwares .classic-html-pagination,
body#clean-theme-client.html-software-detail .classic-html-pagination,
body#clean-theme-client.html-special-products .classic-html-pagination {
    gap: 0.5rem;
    flex-wrap: wrap;
}

body#clean-theme-client.html-softwares .classic-html-pagination a,
body#clean-theme-client.html-softwares .classic-html-pagination span,
body#clean-theme-client.html-software-detail .classic-html-pagination a,
body#clean-theme-client.html-software-detail .classic-html-pagination span,
body#clean-theme-client.html-special-products .classic-html-pagination a,
body#clean-theme-client.html-special-products .classic-html-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    height: 2.75rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-softwares .classic-html-pagination .selected,
body#clean-theme-client.html-softwares .classic-html-pagination .current,
body#clean-theme-client.html-software-detail .classic-html-pagination .selected,
body#clean-theme-client.html-software-detail .classic-html-pagination .current,
body#clean-theme-client.html-special-products .classic-html-pagination .selected,
body#clean-theme-client.html-special-products .classic-html-pagination .current {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

body#clean-theme-client.html-softwares .html-rich-content,
body#clean-theme-client.html-software-detail .html-rich-content,
body#clean-theme-client.html-special-products .html-rich-content {
    color: var(--bs-body-color);
}

body#clean-theme-client.html-softwares .html-rich-content > *:last-child,
body#clean-theme-client.html-software-detail .html-rich-content > *:last-child,
body#clean-theme-client.html-special-products .html-rich-content > *:last-child {
    margin-bottom: 0;
}

body#clean-theme-client.html-software-detail .html-software-detail-summary {
    top: 7rem;
}

body#clean-theme-client.html-software-detail .html-software-detail-check__icon,
body#clean-theme-client.html-special-products .html-special-check {
    font-size: 1.25rem;
    line-height: 1;
}

body#clean-theme-client.html-software-detail .html-software-detail-requirements {
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
    border: 1px solid rgba(37, 99, 235, 0.12);
}

body#clean-theme-client.html-software-detail .html-software-detail-feature {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body#clean-theme-client.html-special-products .html-special-card--popular {
    border-color: rgba(37, 99, 235, 0.24) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.12);
}

body#clean-theme-client.html-special-products .html-special-card__media {
    aspect-ratio: 16 / 9;
}

body#clean-theme-client.html-special-products .html-special-table th {
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, 0.6);
    background: #f8fbff;
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-special-products .html-special-table td,
body#clean-theme-client.html-special-products .html-special-table th {
    padding: 1rem 1.25rem;
}

body#clean-theme-client.html-special-products .html-special-table tbody tr:last-child td {
    border-bottom: 0;
}

body#clean-theme-client.html-special-products .html-special-table__thumb {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    border-radius: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #eff6ff;
}

body#clean-theme-client.html-softwares .accordion-button,
body#clean-theme-client.html-software-detail .accordion-button,
body#clean-theme-client.html-special-products .accordion-button {
    background: #ffffff;
}

body#clean-theme-client.html-softwares .accordion-button:not(.collapsed),
body#clean-theme-client.html-software-detail .accordion-button:not(.collapsed),
body#clean-theme-client.html-special-products .accordion-button:not(.collapsed) {
    color: #0f172a;
    background: #eff6ff;
    box-shadow: none;
}

body#clean-theme-client.html-softwares .accordion-button:focus,
body#clean-theme-client.html-software-detail .accordion-button:focus,
body#clean-theme-client.html-special-products .accordion-button:focus {
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.16);
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-softwares .section-space-top,
    body#clean-theme-client.html-software-detail .section-space-top,
    body#clean-theme-client.html-special-products .section-space-top {
        padding-top: 8rem;
    }

    body#clean-theme-client.html-softwares .html-softwares-search-card,
    body#clean-theme-client.html-special-products .html-special-hero__panel {
        margin-top: 0;
    }
}

body#clean-theme-client.html-softwares .classic-software-page,
body#clean-theme-client.html-special-products .classic-special-page {
    position: relative;
    z-index: 1;
}

body#clean-theme-client.html-softwares .classic-software-hero,
body#clean-theme-client.html-special-products .classic-special-hero,
body#clean-theme-client.html-software-detail .html-software-detail-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 58%, #2563eb 180%);
}

body#clean-theme-client.html-special-products .classic-special-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 58%, #4f46e5 180%);
}

body#clean-theme-client.html-softwares .classic-software-hero::before,
body#clean-theme-client.html-special-products .classic-special-hero::before,
body#clean-theme-client.html-software-detail .html-software-detail-hero::before {
    content: "";
    position: absolute;
    inset: auto -90px -130px auto;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 68%);
}

body#clean-theme-client.html-softwares .classic-software-hero::after,
body#clean-theme-client.html-special-products .classic-special-hero::after,
body#clean-theme-client.html-software-detail .html-software-detail-hero::after {
    content: "";
    position: absolute;
    inset: -100px auto auto -110px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 72%);
}

body#clean-theme-client.html-softwares .classic-software-hero > *,
body#clean-theme-client.html-special-products .classic-special-hero > *,
body#clean-theme-client.html-software-detail .html-software-detail-hero > * {
    position: relative;
    z-index: 1;
}

body#clean-theme-client.html-softwares .classic-software-kicker,
body#clean-theme-client.html-special-products .classic-special-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

body#clean-theme-client.html-softwares .classic-software-kicker::before,
body#clean-theme-client.html-special-products .classic-special-kicker::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.6);
}

body#clean-theme-client.html-special-products .classic-special-kicker::before {
    background: #facc15;
}

body#clean-theme-client.html-softwares .classic-software-layout .classic-software-sidebar,
body#clean-theme-client.html-softwares .classic-software-layout .classic-software-main,
body#clean-theme-client.html-softwares .classic-software-content-card,
body#clean-theme-client.html-softwares .classic-software-faq,
body#clean-theme-client.html-special-products .classic-special-section,
body#clean-theme-client.html-software-detail .html-software-detail-summary,
body#clean-theme-client.html-software-detail .html-software-detail-media,
body#clean-theme-client.html-software-detail .html-rich-content,
body#clean-theme-client.html-software-detail .html-faq-accordion,
body#clean-theme-client.html-software-detail .html-software-detail-feature,
body#clean-theme-client.html-software-detail .html-software-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-softwares .classic-software-card,
body#clean-theme-client.html-special-products .classic-special-card,
body#clean-theme-client.html-software-detail .html-software-card {
    border: 1px solid rgba(15, 23, 42, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body#clean-theme-client.html-softwares .classic-software-card:hover,
body#clean-theme-client.html-special-products .classic-special-card:hover,
body#clean-theme-client.html-software-detail .html-software-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12) !important;
}

body#clean-theme-client.html-softwares .classic-software-card {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;
}

body#clean-theme-client.html-softwares .classic-software-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.14) !important;
    border-color: rgba(37, 99, 235, 0.2);
}

body#clean-theme-client.html-softwares .classic-software-card__media,
body#clean-theme-client.html-softwares .classic-software-card__media img {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

body#clean-theme-client.html-softwares .classic-software-card:hover .classic-software-card__media img {
    transform: scale(1.05);
}
body#clean-theme-client.html-special-products .classic-special-card__media,
body#clean-theme-client.html-software-detail .html-software-card__media {
    aspect-ratio: 16 / 10;
    border-radius: 22px;
    background: linear-gradient(180deg, #edf4ff 0%, #f9fbff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

body#clean-theme-client.html-softwares .classic-software-card__media img,
body#clean-theme-client.html-special-products .classic-special-card__media img,
body#clean-theme-client.html-software-detail .html-software-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body#clean-theme-client.html-softwares .classic-software-card__tags,
body#clean-theme-client.html-special-products .classic-special-card__features {
    padding-left: 0;
    list-style: none;
}

body#clean-theme-client.html-softwares .classic-software-card__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 0.78rem;
    font-weight: 700;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .form-control,
body#clean-theme-client.html-softwares .classic-software-sidebar .btn,
body#clean-theme-client.html-special-products .classic-special-categories .btn {
    min-height: 48px;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .form-control {
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    padding: 14px 18px;
    font-size: 0.95rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .form-control:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
    outline: none;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .btn-secondary {
    border-radius: 14px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    border: none;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .btn-secondary:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.25);
}

body#clean-theme-client.html-softwares .classic-software-categories a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
    color: #334155;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.92rem;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

body#clean-theme-client.html-softwares .classic-software-categories a:hover {
    background: #f8fafc;
    border-color: rgba(37, 99, 235, 0.3);
    color: #2563eb;
    transform: translateX(4px);
}

body#clean-theme-client.html-softwares .classic-software-categories a.is-active {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.25);
}

body#clean-theme-client.html-softwares .classic-software-categories a span {
    font-size: 0.8rem;
    opacity: 0.7;
}

body#clean-theme-client.html-softwares .classic-software-categories a.is-active span {
    opacity: 0.9;
}

body#clean-theme-client.html-softwares .sayfalama,
body#clean-theme-client.html-special-products .sayfalama {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

body#clean-theme-client.html-softwares .sayfalama span,
body#clean-theme-client.html-softwares .sayfalama a,
body#clean-theme-client.html-special-products .sayfalama span,
body#clean-theme-client.html-special-products .sayfalama a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 46px;
    padding: 0 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #334155;
    text-decoration: none;
    font-weight: 600;
}

body#clean-theme-client.html-softwares .sayfalama .sayfalama-active a,
body#clean-theme-client.html-softwares .sayfalama a:hover,
body#clean-theme-client.html-special-products .sayfalama .sayfalama-active a,
body#clean-theme-client.html-special-products .sayfalama a:hover {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

body#clean-theme-client.html-softwares .classic-software-content-card,
body#clean-theme-client.html-softwares .classic-software-faq,
body#clean-theme-client.html-special-products .classic-special-content,
body#clean-theme-client.html-software-detail .html-rich-content {
    line-height: 1.8;
    color: #334155;
}

body#clean-theme-client.html-softwares .classic-software-content-card p:last-child,
body#clean-theme-client.html-special-products .classic-special-content p:last-child,
body#clean-theme-client.html-software-detail .html-rich-content > *:last-child {
    margin-bottom: 0;
}

body#clean-theme-client.html-special-products .classic-special-card--featured {
    border-color: rgba(79, 70, 229, 0.4);
}

body#clean-theme-client.html-special-products .classic-special-table-wrap {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    overflow: hidden;
}

body#clean-theme-client.html-special-products .classic-special-table {
    margin-bottom: 0;
}

body#clean-theme-client.html-special-products .classic-special-table th {
    background: #f8fafc;
    color: #475569;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 18px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-special-products .classic-special-table td {
    padding: 18px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    vertical-align: middle;
    background: #fff;
    color: #334155;
}

body#clean-theme-client.html-special-products .classic-special-table tbody tr:first-child td {
    border-top: 0;
}

body#clean-theme-client.html-special-products .classic-special-table__img {
    max-height: 46px;
    width: auto;
}

body#clean-theme-client.html-software-detail .html-software-detail-summary {
    top: 7rem;
}

body#clean-theme-client.html-software-detail .html-software-detail-check,
body#clean-theme-client.html-software-detail .html-software-detail-feature {
    background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}

body#clean-theme-client.html-software-detail .html-software-detail-check__icon,
body#clean-theme-client.html-software-detail .html-software-detail-feature__icon {
    color: #2563eb;
}

body#clean-theme-client.html-software-detail .html-software-detail-feature__icon i {
    font-size: 2rem;
}

body#clean-theme-client.html-software-detail .html-software-detail-requirements {
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
    border: 1px solid rgba(37, 99, 235, 0.12);
}

body#clean-theme-client.html-software-detail .html-software-card__placeholder {
    min-height: 100%;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-softwares .classic-software-hero,
    body#clean-theme-client.html-special-products .classic-special-hero,
    body#clean-theme-client.html-software-detail .html-software-detail-hero {
        text-align: center;
    }

    body#clean-theme-client.html-softwares .classic-software-sidebar {
        position: static !important;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-softwares .classic-software-main,
    body#clean-theme-client.html-softwares .classic-software-sidebar,
    body#clean-theme-client.html-softwares .classic-software-content-card,
    body#clean-theme-client.html-softwares .classic-software-faq,
    body#clean-theme-client.html-special-products .classic-special-section,
    body#clean-theme-client.html-software-detail .html-software-detail-summary,
    body#clean-theme-client.html-software-detail .html-software-detail-media,
    body#clean-theme-client.html-software-detail .html-rich-content,
    body#clean-theme-client.html-software-detail .html-software-detail-feature {
        border-radius: 22px;
    }

    body#clean-theme-client.html-special-products .classic-special-table th,
    body#clean-theme-client.html-special-products .classic-special-table td {
        padding: 14px;
    }

    body#clean-theme-client.html-software-detail .html-software-detail-summary {
        position: static !important;
    }
}

body#clean-theme-client.html-softwares .container,
body#clean-theme-client.html-software-detail .container,
body#clean-theme-client.html-special-products .container {
    max-width: 1320px;
}

body#clean-theme-client.html-softwares .classic-software-hero h1,
body#clean-theme-client.html-special-products .classic-special-hero h1,
body#clean-theme-client.html-software-detail .html-software-detail-hero h1 {
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-weight: 800;
}

body#clean-theme-client.html-softwares .classic-software-hero .classic-software-kicker {
    margin-bottom: 0.5rem;
}

body#clean-theme-client.html-softwares .classic-software-hero h1 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

body#clean-theme-client.html-softwares .classic-software-hero p {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 540px;
}

body#clean-theme-client.html-softwares .classic-software-sidebar h6 {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
    margin-top: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-softwares .classic-software-sidebar h6:first-child {
    margin-top: 0;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .form-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

body#clean-theme-client.html-softwares .classic-software-layout {
    padding-bottom: 1rem;
}

body#clean-theme-client.html-softwares .classic-software-main .row {
    --bs-gutter-y: 1.25rem;
}

body#clean-theme-client.html-softwares .classic-software-hero p,
body#clean-theme-client.html-special-products .classic-special-hero p,
body#clean-theme-client.html-software-detail .html-software-detail-hero .text-body,
body#clean-theme-client.html-software-detail .html-software-detail-hero .text-light.text-opacity-75 {
    color: rgba(255, 255, 255, 0.78) !important;
}

body#clean-theme-client.html-softwares .classic-software-layout,
body#clean-theme-client.html-special-products .classic-special-page .d-flex.flex-column,
body#clean-theme-client.html-software-detail .section-space-bottom {
    position: relative;
}

body#clean-theme-client.html-softwares .classic-software-sidebar,
body#clean-theme-client.html-software-detail .html-software-detail-summary {
    top: 7.5rem;
    max-height: calc(100vh - 9rem);
    overflow: auto;
    overscroll-behavior: contain;
}

body#clean-theme-client.html-softwares .classic-software-sidebar::-webkit-scrollbar,
body#clean-theme-client.html-software-detail .html-software-detail-summary::-webkit-scrollbar,
body#clean-theme-client.html-special-products .classic-special-table-wrap::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body#clean-theme-client.html-softwares .classic-software-sidebar::-webkit-scrollbar-thumb,
body#clean-theme-client.html-software-detail .html-software-detail-summary::-webkit-scrollbar-thumb,
body#clean-theme-client.html-special-products .classic-special-table-wrap::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.65);
    border-radius: 999px;
}

body#clean-theme-client.html-softwares .classic-software-main,
body#clean-theme-client.html-special-products .classic-special-section,
body#clean-theme-client.html-software-detail .html-software-detail-media,
body#clean-theme-client.html-software-detail .html-rich-content,
body#clean-theme-client.html-software-detail .html-faq-accordion {
    overflow: hidden;
}

body#clean-theme-client.html-softwares .classic-software-feature-icon {
    width: 64px;
    height: 64px;
    background: rgba(var(--bs-primary-rgb), 0.12) !important;
    color: var(--bs-primary) !important;
}

body#clean-theme-client.html-softwares .classic-software-card,
body#clean-theme-client.html-special-products .classic-special-card,
body#clean-theme-client.html-software-detail .html-software-card,
body#clean-theme-client.html-software-detail .html-software-detail-feature {
    overflow: hidden;
}

body#clean-theme-client.html-softwares .classic-software-card h5,
body#clean-theme-client.html-special-products .classic-special-card h5,
body#clean-theme-client.html-software-detail .html-software-card h5,
body#clean-theme-client.html-software-detail .html-software-detail-feature h5 {
    line-height: 1.3;
}

body#clean-theme-client.html-softwares .classic-software-card p,
body#clean-theme-client.html-special-products .classic-special-card p,
body#clean-theme-client.html-software-detail .html-software-card p,
body#clean-theme-client.html-software-detail .html-software-detail-feature p {
    color: #475569;
}

body#clean-theme-client.html-softwares .classic-software-card .btn,
body#clean-theme-client.html-special-products .classic-special-card .btn,
body#clean-theme-client.html-special-products .classic-special-table .btn,
body#clean-theme-client.html-software-detail .html-software-card .btn,
body#clean-theme-client.html-software-detail .html-software-detail-summary .btn,
body#clean-theme-client.html-software-detail #urunsatinlink,
body#clean-theme-client.html-software-detail #urundemolink,
body#clean-theme-client.html-software-detail #urundemoadminlink {
    min-height: 48px;
    justify-content: center;
}

body#clean-theme-client.html-softwares .classic-software-card__media iconify-icon,
body#clean-theme-client.html-software-detail .html-software-card__placeholder iconify-icon {
    font-size: 3rem;
}

body#clean-theme-client.html-special-products .classic-special-categories {
    scroll-padding-inline: 1rem;
}

body#clean-theme-client.html-special-products .classic-special-categories .btn {
    white-space: nowrap;
}

body#clean-theme-client.html-special-products .classic-special-categories .btn {
    min-height: 3rem;
    border-radius: 999px;
    padding-inline: 1.35rem !important;
}

body#clean-theme-client.html-special-products .classic-special-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body#clean-theme-client.html-special-products .classic-special-table {
    min-width: 760px;
}

body#clean-theme-client.html-software-detail .html-software-detail-check {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

body#clean-theme-client.html-software-detail .html-software-detail-check__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

body#clean-theme-client.html-software-detail .html-software-detail-summary .display-6 {
    word-break: break-word;
}

body#clean-theme-client.html-software-detail .html-software-detail-feature__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #eef4ff 0%, #ffffff 100%);
    border: 1px solid rgba(37, 99, 235, 0.12);
}

body#clean-theme-client.html-software-detail .html-software-detail-media img {
    max-height: 680px;
    object-fit: cover;
}

body#clean-theme-client.html-softwares .classic-software-content-card img,
body#clean-theme-client.html-special-products .classic-special-content img,
body#clean-theme-client.html-software-detail .html-rich-content img,
body#clean-theme-client.html-softwares .accordion-body img,
body#clean-theme-client.html-software-detail .accordion-body img,
body#clean-theme-client.html-special-products .accordion-body img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1.25rem auto;
    border-radius: 1rem;
}

body#clean-theme-client.html-softwares .classic-software-content-card iframe,
body#clean-theme-client.html-special-products .classic-special-content iframe,
body#clean-theme-client.html-software-detail .html-rich-content iframe,
body#clean-theme-client.html-softwares .accordion-body iframe,
body#clean-theme-client.html-software-detail .accordion-body iframe,
body#clean-theme-client.html-special-products .accordion-body iframe {
    width: 100%;
    max-width: 100%;
    min-height: 320px;
    border: 0;
    border-radius: 1rem;
    margin: 1.25rem 0;
}

body#clean-theme-client.html-softwares .classic-software-content-card table,
body#clean-theme-client.html-special-products .classic-special-content table,
body#clean-theme-client.html-software-detail .html-rich-content table,
body#clean-theme-client.html-softwares .accordion-body table,
body#clean-theme-client.html-software-detail .accordion-body table,
body#clean-theme-client.html-special-products .accordion-body table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body#clean-theme-client.html-special-products .dataTables_wrapper {
    padding: 1rem 1rem 0;
}

body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_paginate {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem 0 0;
}

body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 2.75rem;
    min-height: 2.75rem;
    margin: 0 !important;
    padding: 0.55rem 0.95rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(var(--bs-primary-rgb), 0.12) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.2) !important;
    color: var(--bs-primary) !important;
}

body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_info,
body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_length,
body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_filter {
    color: #64748b;
    font-size: 0.92rem;
}

body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_length select,
body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_filter input {
    border-radius: 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    padding: 0.45rem 0.75rem;
}

body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_scroll,
body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_scrollBody {
    border-color: rgba(15, 23, 42, 0.08) !important;
}

body#clean-theme-client.html-special-products .classic-special-card .btn,
body#clean-theme-client.html-special-products .classic-special-table .btn,
body#clean-theme-client.html-special-products .classic-special-card .btn.disabled,
body#clean-theme-client.html-special-products .classic-special-table .btn.disabled {
    display: inline-flex;
    align-items: center;
}

body#clean-theme-client.html-softwares .classic-software-content-card h1,
body#clean-theme-client.html-softwares .classic-software-content-card h2,
body#clean-theme-client.html-softwares .classic-software-content-card h3,
body#clean-theme-client.html-softwares .classic-software-content-card h4,
body#clean-theme-client.html-softwares .classic-software-content-card h5,
body#clean-theme-client.html-softwares .classic-software-content-card h6,
body#clean-theme-client.html-special-products .classic-special-content h1,
body#clean-theme-client.html-special-products .classic-special-content h2,
body#clean-theme-client.html-special-products .classic-special-content h3,
body#clean-theme-client.html-special-products .classic-special-content h4,
body#clean-theme-client.html-special-products .classic-special-content h5,
body#clean-theme-client.html-special-products .classic-special-content h6,
body#clean-theme-client.html-software-detail .html-rich-content h1,
body#clean-theme-client.html-software-detail .html-rich-content h2,
body#clean-theme-client.html-software-detail .html-rich-content h3,
body#clean-theme-client.html-software-detail .html-rich-content h4,
body#clean-theme-client.html-software-detail .html-rich-content h5,
body#clean-theme-client.html-software-detail .html-rich-content h6 {
    color: #0f172a;
    line-height: 1.22;
    margin-top: 1.4em;
    margin-bottom: 0.7em;
}

body#clean-theme-client.html-softwares .classic-software-content-card p,
body#clean-theme-client.html-softwares .classic-software-content-card li,
body#clean-theme-client.html-special-products .classic-special-content p,
body#clean-theme-client.html-special-products .classic-special-content li,
body#clean-theme-client.html-software-detail .html-rich-content p,
body#clean-theme-client.html-software-detail .html-rich-content li,
body#clean-theme-client.html-softwares .accordion-body p,
body#clean-theme-client.html-softwares .accordion-body li,
body#clean-theme-client.html-software-detail .accordion-body p,
body#clean-theme-client.html-software-detail .accordion-body li,
body#clean-theme-client.html-special-products .accordion-body p,
body#clean-theme-client.html-special-products .accordion-body li {
    color: #475569;
    line-height: 1.8;
}

body#clean-theme-client.html-softwares .classic-software-content-card ul,
body#clean-theme-client.html-softwares .classic-software-content-card ol,
body#clean-theme-client.html-special-products .classic-special-content ul,
body#clean-theme-client.html-special-products .classic-special-content ol,
body#clean-theme-client.html-software-detail .html-rich-content ul,
body#clean-theme-client.html-software-detail .html-rich-content ol,
body#clean-theme-client.html-softwares .accordion-body ul,
body#clean-theme-client.html-softwares .accordion-body ol,
body#clean-theme-client.html-software-detail .accordion-body ul,
body#clean-theme-client.html-software-detail .accordion-body ol,
body#clean-theme-client.html-special-products .accordion-body ul,
body#clean-theme-client.html-special-products .accordion-body ol {
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}

body#clean-theme-client.html-softwares .classic-software-content-card table,
body#clean-theme-client.html-special-products .classic-special-content table,
body#clean-theme-client.html-software-detail .html-rich-content table,
body#clean-theme-client.html-softwares .accordion-body table,
body#clean-theme-client.html-software-detail .accordion-body table,
body#clean-theme-client.html-special-products .accordion-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.25rem 0;
    font-size: 0.95rem;
}

body#clean-theme-client.html-softwares .classic-software-content-card table th,
body#clean-theme-client.html-softwares .classic-software-content-card table td,
body#clean-theme-client.html-special-products .classic-special-content table th,
body#clean-theme-client.html-special-products .classic-special-content table td,
body#clean-theme-client.html-software-detail .html-rich-content table th,
body#clean-theme-client.html-software-detail .html-rich-content table td,
body#clean-theme-client.html-softwares .accordion-body table th,
body#clean-theme-client.html-softwares .accordion-body table td,
body#clean-theme-client.html-software-detail .accordion-body table th,
body#clean-theme-client.html-software-detail .accordion-body table td,
body#clean-theme-client.html-special-products .accordion-body table th,
body#clean-theme-client.html-special-products .accordion-body table td {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    vertical-align: top;
}

body#clean-theme-client.html-softwares .classic-software-content-card blockquote,
body#clean-theme-client.html-special-products .classic-special-content blockquote,
body#clean-theme-client.html-software-detail .html-rich-content blockquote,
body#clean-theme-client.html-softwares .accordion-body blockquote,
body#clean-theme-client.html-software-detail .accordion-body blockquote,
body#clean-theme-client.html-special-products .accordion-body blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border-left: 3px solid rgba(37, 99, 235, 0.3);
    background: #f8fbff;
    border-radius: 0.9rem;
    color: #334155;
}

body#clean-theme-client.html-softwares .classic-software-content-card a,
body#clean-theme-client.html-special-products .classic-special-content a,
body#clean-theme-client.html-software-detail .html-rich-content a,
body#clean-theme-client.html-softwares .accordion-body a,
body#clean-theme-client.html-software-detail .accordion-body a,
body#clean-theme-client.html-special-products .accordion-body a {
    color: #2563eb;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.14em;
}

body#clean-theme-client.html-softwares .accordion-button,
body#clean-theme-client.html-software-detail .accordion-button,
body#clean-theme-client.html-special-products .accordion-button {
    min-height: 64px;
    align-items: center;
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-softwares .classic-software-layout {
        row-gap: 1.5rem;
    }

    body#clean-theme-client.html-software-detail .html-software-detail-summary {
        top: 7rem;
    }
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-softwares .classic-software-sidebar,
    body#clean-theme-client.html-software-detail .html-software-detail-summary {
        max-height: none;
        overflow: visible;
    }

    body#clean-theme-client.html-softwares .classic-software-hero .row,
    body#clean-theme-client.html-special-products .classic-special-hero .row,
    body#clean-theme-client.html-software-detail .html-software-detail-hero .row {
        row-gap: 1.75rem;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-softwares .classic-software-page,
    body#clean-theme-client.html-special-products .classic-special-page,
    body#clean-theme-client.html-software-detail .section-space-bottom {
        padding-bottom: 2.5rem;
    }

    body#clean-theme-client.html-softwares .classic-software-main,
    body#clean-theme-client.html-softwares .classic-software-sidebar,
    body#clean-theme-client.html-softwares .classic-software-content-card,
    body#clean-theme-client.html-softwares .classic-software-faq,
    body#clean-theme-client.html-special-products .classic-special-section,
    body#clean-theme-client.html-software-detail .html-software-detail-summary,
    body#clean-theme-client.html-software-detail .html-software-detail-media,
    body#clean-theme-client.html-software-detail .html-rich-content,
    body#clean-theme-client.html-software-detail .html-faq-accordion,
    body#clean-theme-client.html-software-detail .html-software-detail-feature,
    body#clean-theme-client.html-software-detail .html-software-card {
        padding: 1.25rem !important;
    }

    body#clean-theme-client.html-softwares .classic-software-categories {
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }

    body#clean-theme-client.html-special-products .classic-special-categories {
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        padding-bottom: 0.35rem;
        margin-inline: -0.25rem;
        padding-inline: 0.25rem;
    }

    body#clean-theme-client.html-special-products .classic-special-categories .btn {
        flex: 0 0 auto;
    }

    body#clean-theme-client.html-special-products .dataTables_wrapper {
        padding: 0.75rem 0.75rem 0;
    }

    body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_paginate {
        justify-content: center;
    }

    body#clean-theme-client.html-special-products .dataTables_wrapper .dataTables_info {
        text-align: center;
        padding-top: 1rem;
    }

    body#clean-theme-client.html-softwares .classic-software-card .btn,
    body#clean-theme-client.html-software-detail .html-software-card .btn,
    body#clean-theme-client.html-software-detail #urunsatinlink,
    body#clean-theme-client.html-software-detail #urundemolink,
    body#clean-theme-client.html-software-detail #urundemoadminlink {
        width: 100%;
    }

    body#clean-theme-client.html-softwares .sayfalama span,
    body#clean-theme-client.html-softwares .sayfalama a,
    body#clean-theme-client.html-special-products .sayfalama span,
    body#clean-theme-client.html-special-products .sayfalama a {
        min-width: 42px;
        min-height: 42px;
        padding: 0 12px;
    }

    body#clean-theme-client.html-software-detail .html-software-detail-check {
        padding: 0.85rem 0.95rem;
    }

    body#clean-theme-client.html-software-detail .html-software-detail-media img {
        max-height: 420px;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-softwares .classic-software-hero h1,
    body#clean-theme-client.html-special-products .classic-special-hero h1,
    body#clean-theme-client.html-software-detail .html-software-detail-hero h1 {
        font-size: 1.9rem;
    }

    body#clean-theme-client.html-software-detail .html-software-detail-summary .btn.btn-sm {
        width: 100%;
    }

    body#clean-theme-client.html-software-detail .html-software-detail-summary .d-flex.flex-wrap.gap-2 {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-softwares .classic-software-page {
        padding-bottom: 3rem;
    }

    body#clean-theme-client.html-softwares .classic-software-card h4 {
        font-size: 1.25rem;
    }

    body#clean-theme-client.html-softwares .classic-software-categories {
        flex-direction: column;
    }

    body#clean-theme-client.html-softwares .classic-software-categories a {
        width: 100%;
    }

    body#clean-theme-client.html-softwares .classic-software-categories a:hover {
        transform: none;
    }
}

body#clean-theme-client.html-softwares .classic-software-faq {
    padding: 2.5rem;
}

body#clean-theme-client.html-softwares .classic-software-faq .text-center {
    margin-bottom: 2rem !important;
}

body#clean-theme-client.html-softwares .classic-software-faq h3 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

body#clean-theme-client.html-softwares .classic-software-content-card {
    padding: 2.5rem;
}

body#clean-theme-client.html-softwares .accordion-item {
    margin-bottom: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px !important;
    overflow: hidden;
}

body#clean-theme-client.html-softwares .accordion-button {
    border-radius: 18px !important;
    padding: 1.25rem 1.5rem;
    font-weight: 600;
    font-size: 1rem;
    color: #1e293b;
}

body#clean-theme-client.html-softwares .accordion-button:not(.collapsed) {
    background: #eff6ff;
    color: #1d4ed8;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body#clean-theme-client.html-softwares .accordion-collapse {
    border-radius: 18px !important;
}

body#clean-theme-client.html-softwares .accordion-body {
    padding: 1.25rem 1.5rem;
    background: #fff;
    border-radius: 0 0 18px 18px !important;
}

body#clean-theme-client.html-softwares .classic-software-main > .row {
    margin-bottom: 0.5rem;
}

body#clean-theme-client.html-softwares .classic-software-card .btn-outline-secondary {
    border-width: 2px;
    font-weight: 600;
    transition: all 0.25s ease;
}

body#clean-theme-client.html-softwares .classic-software-card .btn-outline-secondary:hover {
    background: transparent;
    color: #2563eb;
    border-color: #2563eb;
}

body#clean-theme-client.html-softwares .classic-software-card .btn-secondary {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    border: none;
    font-weight: 600;
}


body#clean-theme-client.html-softwares .classic-software-page {
    padding-bottom: 2rem;
}

body#clean-theme-client.html-softwares .classic-software-hero {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.5rem;
    box-shadow: none !important;
    isolation: auto;
    overflow: hidden;
}

body#clean-theme-client.html-softwares .classic-software-hero::before,
body#clean-theme-client.html-softwares .classic-software-hero::after {
    display: none;
}

body#clean-theme-client.html-softwares .classic-software-hero h1,
body#clean-theme-client.html-softwares .classic-software-hero .text-light,
body#clean-theme-client.html-softwares .classic-software-hero .text-light.text-opacity-75 {
    color: var(--bs-heading-color) !important;
}

body#clean-theme-client.html-softwares .classic-software-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.65rem 1rem;
    background: rgba(var(--bs-primary-rgb), 0.12) !important;
    color: var(--bs-primary) !important;
    border: 0;
    border-radius: 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

body#clean-theme-client.html-softwares .classic-software-kicker::before {
    display: none;
}

body#clean-theme-client.html-softwares .classic-software-hero-stats {
    border: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-softwares .classic-software-layout .classic-software-sidebar,
body#clean-theme-client.html-softwares .classic-software-layout .classic-software-main,
body#clean-theme-client.html-softwares .classic-software-content-card,
body#clean-theme-client.html-softwares .classic-software-faq {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.5rem;
    box-shadow: none !important;
}

body#clean-theme-client.html-softwares .classic-software-sidebar,
body#clean-theme-client.html-softwares .classic-software-main,
body#clean-theme-client.html-softwares .classic-software-content-card,
body#clean-theme-client.html-softwares .classic-software-faq {
    padding: 1.5rem;
}

body#clean-theme-client.html-softwares .classic-software-card {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

body#clean-theme-client.html-softwares .classic-software-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: rgba(var(--bs-primary-rgb), 0.2);
}

body#clean-theme-client.html-softwares .classic-software-card__media {
    aspect-ratio: 16 / 10;
    border-radius: 1rem;
    overflow: hidden;
    background: #f8fafc !important;
}

body#clean-theme-client.html-softwares .classic-software-card__media img {
    transform: none !important;
}

body#clean-theme-client.html-softwares .classic-software-card__tags span {
    display: inline-flex;
    align-items: center;
    min-height: auto;
    padding: 0.5rem 0.85rem;
    border-radius: 0.9rem;
    background: rgba(var(--bs-primary-rgb), 0.12) !important;
    color: var(--bs-primary) !important;
    font-size: 0.75rem;
    font-weight: 600;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .form-control,
body#clean-theme-client.html-softwares .classic-software-sidebar .btn {
    min-height: 3.25rem;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .form-control {
    border-radius: 1rem;
    border-color: rgba(15, 23, 42, 0.1);
    box-shadow: none;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .form-control:focus {
    border-color: rgba(var(--bs-primary-rgb), 0.35);
    box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.08);
}

body#clean-theme-client.html-softwares .classic-software-sidebar .btn-secondary,
body#clean-theme-client.html-softwares .classic-software-card .btn-secondary {
    background: var(--bs-primary) !important;
    border: 1px solid var(--bs-primary);
    box-shadow: none !important;
    transform: none !important;
}

body#clean-theme-client.html-softwares .classic-software-sidebar .btn-secondary:hover,
body#clean-theme-client.html-softwares .classic-software-card .btn-secondary:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8;
}

body#clean-theme-client.html-softwares .classic-software-card .btn-link {
    min-height: 3rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.95rem;
    background: transparent;
    color: var(--bs-heading-color);
    text-decoration: none;
}

body#clean-theme-client.html-softwares .classic-software-card .btn-link:hover {
    background: rgba(var(--bs-primary-rgb), 0.08);
    color: var(--bs-primary);
}

body#clean-theme-client.html-softwares .classic-software-categories a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #ffffff;
    color: var(--bs-heading-color);
    text-decoration: none;
    font-weight: 500;
    transform: none !important;
}

body#clean-theme-client.html-softwares .classic-software-categories a:hover {
    background: rgba(var(--bs-primary-rgb), 0.06);
    border-color: rgba(var(--bs-primary-rgb), 0.16);
    color: var(--bs-primary);
}

body#clean-theme-client.html-softwares .classic-software-categories a.is-active {
    background: rgba(var(--bs-primary-rgb), 0.12) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.2);
    color: var(--bs-primary) !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-softwares .classic-software-categories a span:last-child {
    opacity: 0.65;
}

body#clean-theme-client.html-softwares .sayfalama a,
body#clean-theme-client.html-softwares .sayfalama span {
    box-shadow: none;
}

body#clean-theme-client.html-softwares .sayfalama .sayfalama-active a,
body#clean-theme-client.html-softwares .sayfalama a:hover {
    background: rgba(var(--bs-primary-rgb), 0.12);
    border-color: rgba(var(--bs-primary-rgb), 0.2);
    color: var(--bs-primary);
}

body#clean-theme-client.html-softwares .accordion-item {
    margin-bottom: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem !important;
    box-shadow: none;
}

body#clean-theme-client.html-softwares .accordion-button,
body#clean-theme-client.html-softwares .accordion-collapse,
body#clean-theme-client.html-softwares .accordion-body {
    box-shadow: none !important;
}

body#clean-theme-client.html-softwares .accordion-button {
    padding: 1rem 1.25rem;
    border-radius: 1rem !important;
}

body#clean-theme-client.html-softwares .accordion-button:not(.collapsed) {
    background: rgba(var(--bs-primary-rgb), 0.08);
    color: var(--bs-heading-color);
}

body#clean-theme-client.html-softwares .accordion-body {
    padding: 1rem 1.25rem;
    background: #ffffff;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-softwares .classic-software-sidebar {
        position: static !important;
        top: auto;
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-softwares .classic-software-sidebar,
    body#clean-theme-client.html-softwares .classic-software-main,
    body#clean-theme-client.html-softwares .classic-software-content-card,
    body#clean-theme-client.html-softwares .classic-software-faq {
        padding: 1.25rem;
        border-radius: 1.25rem;
    }

    body#clean-theme-client.html-softwares .classic-software-hero {
        padding: 1.25rem !important;
    }
}


body#clean-theme-client.html-contact {
    padding-top: 0;
    overflow-x: clip;
}

body#clean-theme-client.html-contact .primary-header {
    font-family: inherit;
}

body#clean-theme-client.html-contact .primary-header .navbar-nav,
body#clean-theme-client.html-contact .primary-header .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-contact .primary-header .logo {
    position: relative;
    float: none;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    height: 2rem;
}

body#clean-theme-client.html-contact .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}

body#clean-theme-client.html-contact img {
    float: none;
    max-width: 100%;
    height: auto;
}

body#clean-theme-client.html-contact .primary-header .logo__img--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-contact .primary-header .logo__img--dark {
    display: inline-block;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-contact .primary-header .logo__img--light {
    display: none;
}

body#clean-theme-client.html-contact .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client.html-contact .html-contact-captcha-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

body#clean-theme-client.html-contact .html-contact-captcha-box {
    max-width: 100%;
}

body#clean-theme-client.html-contact .html-contact-captcha-input {
    width: min(100%, 12rem);
}

body#clean-theme-client.html-contact .html-contact-consent {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

body#clean-theme-client.html-contact .html-contact-consent .checkbox-custom-label {
    margin: 0;
}

body#clean-theme-client.html-contact .html-contact-success {
    padding: 2.5rem 1rem;
    text-align: center;
}

body#clean-theme-client.html-contact .html-contact-success__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #16a34a;
    font-size: 1.75rem;
}

body#clean-theme-client.html-contact .classic-contact-form {
    align-items: stretch;
}

body#clean-theme-client.html-contact .classic-contact-control {
    width: 100%;
    min-height: 56px;
    padding: 0 1rem;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 16px;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body#clean-theme-client.html-contact .classic-contact-control::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

body#clean-theme-client.html-contact .classic-contact-control:focus {
    outline: none;
    border-color: rgba(37, 99, 235, 0.58);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10);
}

body#clean-theme-client.html-contact .classic-contact-control--message {
    min-height: 128px;
    padding: 1rem;
    resize: vertical;
    line-height: 1.55;
}

body#clean-theme-client.html-contact .iti,
body#clean-theme-client.html-contact .intl-tel-input {
    display: block;
    width: 100%;
    position: relative;
    height: 56px;
    min-height: 56px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body#clean-theme-client.html-contact .iti:focus-within,
body#clean-theme-client.html-contact .intl-tel-input:focus-within {
    border-color: rgba(37, 99, 235, 0.58);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10);
}

body#clean-theme-client.html-contact .iti input,
body#clean-theme-client.html-contact .intl-tel-input input {
    width: 100%;
    height: 56px !important;
    min-height: 56px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 56px;
    margin: 0 !important;
    box-sizing: border-box;
}

body#clean-theme-client.html-contact .iti input:focus,
body#clean-theme-client.html-contact .intl-tel-input input:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-contact .intl-tel-input.separate-dial-code .flag-container,
body#clean-theme-client.html-contact .iti--separate-dial-code .iti__flag-container,
body#clean-theme-client.html-contact .iti--allow-dropdown .iti__flag-container,
body#clean-theme-client.html-contact .iti--separate-dial-code .iti__country-container,
body#clean-theme-client.html-contact .iti--allow-dropdown .iti__country-container {
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}

body#clean-theme-client.html-contact .intl-tel-input.separate-dial-code .selected-flag,
body#clean-theme-client.html-contact .iti--separate-dial-code .iti__selected-flag,
body#clean-theme-client.html-contact .iti--allow-dropdown .iti__selected-flag,
body#clean-theme-client.html-contact .iti--separate-dial-code .iti__selected-country,
body#clean-theme-client.html-contact .iti--allow-dropdown .iti__country-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 6.8rem;
    height: 100%;
    min-height: 100%;
    padding: 0 0.95rem 0 0.8rem;
    background: #f8fbff !important;
    border-right: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px 0 0 16px;
}

body#clean-theme-client.html-contact .intl-tel-input .selected-flag .iti-flag,
body#clean-theme-client.html-contact .intl-tel-input .selected-flag .iti-arrow,
body#clean-theme-client.html-contact .iti__selected-flag .iti__flag,
body#clean-theme-client.html-contact .iti__selected-flag .iti__arrow {
    position: static;
    top: auto;
    right: auto;
    margin: 0;
}

body#clean-theme-client.html-contact .intl-tel-input.separate-dial-code .selected-dial-code,
body#clean-theme-client.html-contact .iti__selected-dial-code {
    display: inline-flex;
    align-items: center;
    padding-left: 0 !important;
    margin-left: 0 !important;
    color: #475569;
    line-height: 1;
    font-weight: 700;
}

body#clean-theme-client.html-contact .intl-tel-input .selected-flag,
body#clean-theme-client.html-contact .iti__selected-flag,
body#clean-theme-client.html-contact .iti__selected-country {
    min-width: 6.8rem;
    width: 6.8rem;
}

body#clean-theme-client.html-contact .intl-tel-input.separate-dial-code input,
body#clean-theme-client.html-contact .intl-tel-input.separate-dial-code input[type=text],
body#clean-theme-client.html-contact .intl-tel-input.separate-dial-code input[type=tel],
body#clean-theme-client.html-contact .iti--separate-dial-code input {
    padding-left: 7.9rem !important;
}

body#clean-theme-client.html-contact .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag,
body#clean-theme-client.html-contact .iti__flag-container:hover .iti__selected-flag,
body#clean-theme-client.html-contact .iti__country-container:hover {
    background: #eef4ff !important;
}

body#clean-theme-client.html-contact .intl-tel-input .country-list,
body#clean-theme-client.html-contact .iti__country-list {
    width: min(34rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    max-height: 19rem;
    margin-top: 0.65rem;
    padding: 0.45rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 24px 52px -28px rgba(15, 23, 42, 0.42), 0 8px 18px -14px rgba(15, 23, 42, 0.25);
    white-space: normal;
    overflow-y: auto;
    z-index: 1080;
}

body#clean-theme-client.html-contact .intl-tel-input .country-list.dropup,
body#clean-theme-client.html-contact .iti__country-list--dropup {
    margin-top: 0;
    margin-bottom: 0.65rem;
}

body#clean-theme-client.html-contact .intl-tel-input .country-list .country,
body#clean-theme-client.html-contact .iti__country {
    display: flex;
    align-items: center;
    min-height: 42px;
    gap: 0.6rem;
    padding: 0.6rem 0.75rem;
    border-radius: 12px;
    color: #0f172a;
    font-size: 0.94rem;
    line-height: 1.25;
}

body#clean-theme-client.html-contact .intl-tel-input .country-list .country.highlight,
body#clean-theme-client.html-contact .iti__country.iti__highlight {
    background: #eef4ff;
}

body#clean-theme-client.html-contact .intl-tel-input .country-list .flag-box,
body#clean-theme-client.html-contact .iti__flag-box {
    flex: 0 0 1.45rem;
    width: 1.45rem;
    margin-right: 0;
}

body#clean-theme-client.html-contact .intl-tel-input .country-list .country-name,
body#clean-theme-client.html-contact .iti__country-name {
    min-width: 0;
    margin-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body#clean-theme-client.html-contact .intl-tel-input .country-list .dial-code,
body#clean-theme-client.html-contact .iti__dial-code {
    margin-left: auto;
    color: #64748b;
    font-weight: 700;
}

body#clean-theme-client.html-contact .intl-tel-input .country-list .divider,
body#clean-theme-client.html-contact .iti__divider {
    margin: 0.35rem 0;
    padding: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body#clean-theme-client.html-contact .classic-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 52px;
    padding-inline: 1.35rem;
    border-radius: 14px;
    box-shadow: none !important;
}

body#clean-theme-client.html-contact .classic-contact-submit:hover,
body#clean-theme-client.html-contact .classic-contact-submit:focus,
body#clean-theme-client.html-contact .classic-contact-submit:focus-visible,
body#clean-theme-client.html-contact .classic-contact-submit:active {
    box-shadow: none !important;
}

body#clean-theme-client.html-contact .map-view__info {
    position: absolute;
}

body#clean-theme-client.html-contact .cta-7::after {
    background: transparent !important;
}

    align-items: center;
    height: 2rem;

body#clean-theme-client.html-sign-up .primary-header .logo__img {
    max-height: 44px;
    width: auto;
}

body#clean-theme-client.html-sign-up img {
    float: none;
    max-width: 100%;
    height: auto;
}

body#clean-theme-client.html-sign-up .primary-header .logo__img--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-sign-up .primary-header .logo__img--dark {
    display: inline-block;
}

html[data-bs-theme="dark"] body#clean-theme-client.html-sign-up .primary-header .logo__img--light {
    display: none;
}

body#clean-theme-client.html-sign-up .primary-header .primary-header-cart-badge {
    min-width: 1.2rem;
}

body#clean-theme-client.html-sign-up .html-sign-auth-shell {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 30%),
        radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.12), transparent 28%),
        linear-gradient(180deg, #eef4ff 0%, #f8fbff 45%, #ffffff 100%);
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-con {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
    max-width: 1080px;
    margin-inline: auto;
}

body#clean-theme-client.html-sign-up #clean-theme-sign-up.clean-theme-signinup-con {
    display: grid !important;
    width: 100% !important;
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-right,
body#clean-theme-client.html-sign-up .clean-theme-signinup-left {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.75rem;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
}

body#clean-theme-client.html-sign-up #clean-theme-sign-up .clean-theme-signinup-right,
body#clean-theme-client.html-sign-up #clean-theme-sign-up .clean-theme-signinup-left {
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-right {
    padding: 1.75rem;
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-left {
    position: relative;
    top: auto;
    padding: 1.6rem;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 58%, #2563eb 150%);
    color: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    align-self: start;
    order: 2;
}

body#clean-theme-client.html-sign-up .html-sign-auth-kicker,
body#clean-theme-client.html-sign-up .html-sign-auth-side-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: rgba(var(--bs-primary-rgb), 0.12);
    color: var(--bs-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body#clean-theme-client.html-sign-up .html-sign-auth-side-kicker {
    margin-bottom: 1rem;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-right-title h4,
body#clean-theme-client.html-sign-up .clean-theme-signinup-left h4 {
    margin: 0.85rem 0 0.75rem;
    line-height: 1.15;
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-right-title h4 {
    font-size: clamp(2rem, 2.2vw, 2.7rem);
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-right-title {
    float: none;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-right-title h4 {
    float: none;
    color: #0f172a;
}

body#clean-theme-client.html-sign-up .html-sign-auth-subtitle,
body#clean-theme-client.html-sign-up .clean-theme-signinup-left p,
body#clean-theme-client.html-sign-up .clean-theme-signinup-left h4 {
    max-width: 34rem;
}

body#clean-theme-client.html-sign-up .html-sign-auth-subtitle {
    margin: 0.2rem 0 0;
    color: #64748b;
    line-height: 1.7;
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-left h4 {
    color: #ffffff;
    max-width: 20rem;
    font-size: clamp(1.35rem, 1.45vw, 1.75rem);
    line-height: 1.3;
}

body#clean-theme-client.html-sign-up .clean-theme-signinup-left img {
    display: inline-block;
    width: min(100%, 7.5rem);
    height: auto !important;
    margin: 1rem 0 0.75rem;
    filter: drop-shadow(0 18px 24px rgba(15, 23, 42, 0.2));
}

body#clean-theme-client.html-sign-up .html-sign-auth-side-copy {
    max-width: 19rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.98rem;
    line-height: 1.65;
}

body#clean-theme-client.html-sign-up .html-sign-auth-side-points {
    display: grid;
    gap: 0.8rem;
    width: 100%;
    max-width: 19rem;
    margin-top: 1.25rem;
}

body#clean-theme-client.html-sign-up .html-sign-auth-side-point {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    text-align: left;
    padding: 0.8rem 0.9rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.92);
}

body#clean-theme-client.html-sign-up .html-sign-auth-side-point i {
    margin-top: 0.1rem;
    color: #34d399;
    font-size: 1rem;
}

body#clean-theme-client.html-sign-up .clean-theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.3rem;
    padding: 0 1.4rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #ffffff;
    color: #0f172a;
    font-weight: 600;
    text-decoration: none;
    box-shadow: none;
    margin-top: 1.5rem;
}

body#clean-theme-client.html-sign-up .socialconnect {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

body#clean-theme-client.html-sign-up .socialconnect > * {
    flex: 0 1 auto;
}

body#clean-theme-client.html-sign-up .socialconnect a,
body#clean-theme-client.html-sign-up .socialconnect button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    min-height: 3.25rem;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
    box-shadow: none;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box {
    margin-top: 1.25rem;
    padding: 1.4rem;
    background: #f8fbff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.35rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box-title {
    grid-column: 1 / -1;
    display: block;
    margin: 0 0 0.25rem !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    float: none !important;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box .yuzde100,
body#clean-theme-client.html-sign-up .clean-theme-signup-box .yuzde50 {
    float: none !important;
    display: block;
    width: auto;
    margin: 0;
    min-width: 0;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box::after,
body#clean-theme-client.html-sign-up .clean-theme-signinup-right::after,
body#clean-theme-client.html-sign-up .clean-theme-signinup-left::after {
    content: "";
    display: block;
    clear: both;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box > .yuzde50,
body#clean-theme-client.html-sign-up .clean-theme-signup-box > .custom-field--content.yuzde50 {
    grid-column: span 1;
    display: block;
    width: auto;
    vertical-align: top;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box > .yuzde50:nth-of-type(odd),
body#clean-theme-client.html-sign-up .clean-theme-signup-box > .custom-field--content.yuzde50:nth-of-type(odd) {
    margin-right: 0;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box > .yuzde100,
body#clean-theme-client.html-sign-up .clean-theme-signup-box > .custom-field--content.yuzde100,
body#clean-theme-client.html-sign-up .clean-theme-signup-box .captcha-content,
body#clean-theme-client.html-sign-up .clean-theme-signup-box .radio-custom-label,
body#clean-theme-client.html-sign-up .clean-theme-signup-box .checkbox-custom-label {
    grid-column: 1 / -1;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box--kind,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--notifications,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--contracts {
    grid-template-columns: 1fr;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box--kind .radio-custom-label,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--notifications .checkbox-custom-label,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--contracts .checkbox-custom-label {
    grid-column: auto;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box input[type="text"],
body#clean-theme-client.html-sign-up .clean-theme-signup-box input[type="password"],
body#clean-theme-client.html-sign-up .clean-theme-signup-box input[type="email"],
body#clean-theme-client.html-sign-up .clean-theme-signup-box textarea,
body#clean-theme-client.html-sign-up .clean-theme-signup-box select,
body#clean-theme-client.html-sign-up .captchainput {
    width: 100%;
    min-height: 3.45rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #ffffff;
    color: #0f172a;
    box-shadow: none;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box textarea {
    min-height: 8rem;
    resize: vertical;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box .iti,
body#clean-theme-client.html-sign-up .clean-theme-signup-box .intl-tel-input {
    display: block;
    width: 100%;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box .iti input {
    width: 100%;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box input:focus,
body#clean-theme-client.html-sign-up .clean-theme-signup-box textarea:focus,
body#clean-theme-client.html-sign-up .clean-theme-signup-box select:focus,
body#clean-theme-client.html-sign-up .captchainput:focus {
    border-color: rgba(var(--bs-primary-rgb), 0.3);
    box-shadow: 0 0 0 0.18rem rgba(var(--bs-primary-rgb), 0.08);
    outline: none;
}

body#clean-theme-client.html-sign-up .radio-custom-label,
body#clean-theme-client.html-sign-up .checkbox-custom-label {
    margin-right: 0 !important;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box .radio-custom-label,
body#clean-theme-client.html-sign-up .clean-theme-signup-box .checkbox-custom-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box--kind,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--notifications,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--contracts {
    row-gap: 0.8rem;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box--kind .radio-custom,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--notifications .checkbox-custom,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--contracts .checkbox-custom {
    margin-right: 0.45rem;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box--kind .checktext,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--notifications,
body#clean-theme-client.html-sign-up .clean-theme-signup-box--contracts {
    color: #334155;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box--password .level-block {
    width: 100%;
    justify-content: center;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box .sbtn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 3.45rem;
    padding: 0 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
}

body#clean-theme-client.html-sign-up .clean-theme-signup-box .checktext a {
    color: var(--bs-primary);
}

body#clean-theme-client.html-sign-up .captcha-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    justify-content: flex-start;
}

body#clean-theme-client.html-sign-up .captchainput {
    width: min(100%, 12rem);
    margin: 0;
}

body#clean-theme-client.html-sign-up .level-block {
    display: inline-flex;
    align-items: center;
    min-height: 3.45rem;
    padding: 0.7rem 1rem;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #475569;
}

body#clean-theme-client.html-sign-up .clean-theme-adduser-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

body#clean-theme-client.html-sign-up .clean-theme-adduser-btn button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 15rem;
    min-height: 3.5rem;
    padding: 0 1.5rem;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.18);
}

body#clean-theme-client.html-sign-up .html-sign-auth-success {
    margin: 2rem 0;
    padding: 2rem 1rem;
    text-align: center;
}

body#clean-theme-client.html-sign-up .html-sign-auth-success__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #16a34a;
    font-size: 1.8rem;
}

body#clean-theme-client.html-sign-up .html-sign-auth-success__title {
    margin-bottom: 0.75rem;
    font-weight: 700;
    border: 0 !important;
}

body#clean-theme-client.html-sign-up .html-sign-auth-success__text {
    font-size: 1rem;
    line-height: 1.75;
    color: #475569;
}


@media (max-width: 767.98px) {
    body#clean-theme-client.html-sign-up .section-space-top {
        padding-top: 8rem;
    }

    body#clean-theme-client.html-sign-up .clean-theme-signinup-right,
    body#clean-theme-client.html-sign-up .clean-theme-signinup-left {
        padding: 1.25rem;
        border-radius: 1.25rem;
    }

    body#clean-theme-client.html-sign-up .clean-theme-signup-box {
        padding: 1rem;
        border-radius: 1.15rem;
    }

    body#clean-theme-client.html-sign-up .clean-theme-signup-box > .yuzde50,
    body#clean-theme-client.html-sign-up .clean-theme-signup-box > .custom-field--content.yuzde50 {
        grid-column: 1 / -1;
        width: 100%;
        margin-right: 0;
    }

    body#clean-theme-client.html-sign-up .clean-theme-signup-box {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-sign-up .captchainput,
    body#clean-theme-client.html-sign-up .clean-theme-adduser-btn button,
    body#clean-theme-client.html-sign-up .clean-theme-btn {
        width: 100%;
        min-width: 0;
    }

    body#clean-theme-client.html-sign-up .clean-theme-adduser-btn {
        justify-content: stretch;
    }

    body#clean-theme-client.html-sign-up .socialconnect > * {
        flex-basis: 100%;
    }
}

body#clean-theme-client.html-sign-in {
    background:
        radial-gradient(circle at top left, rgba(124, 58, 237, 0.08), transparent 26%),
        radial-gradient(circle at top right, rgba(34, 211, 238, 0.08), transparent 28%),
        #f6f7ff;
}

body#clean-theme-client.html-sign-in .html-sign-auth-shell {
    min-height: calc(100vh - 8rem);
    display: flex;
    align-items: center;
    padding: 5rem 0 1.5rem;
}

body#clean-theme-client.html-sign-in .html-sign-auth-shell > .container {
    max-width: 1320px;
    padding: 0;
}

body#clean-theme-client.html-sign-in footer.section-space-top.position-relative.z-1.overflow-hidden {
    margin-top: 0;
}

body#clean-theme-client.html-sign-in .html-sign-premium__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(430px, 1fr);
    align-items: stretch;
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 32px;
    box-shadow: 0 24px 58px -38px rgba(15, 23, 42, 0.48), 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    min-height: 720px;
}

body#clean-theme-client.html-sign-in .html-sign-premium__form-column {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.75rem;
    background: #ffffff;
}

body#clean-theme-client.html-sign-in .html-sign-premium__form-inner {
    width: 100%;
    max-width: 448px;
}

body#clean-theme-client.html-sign-in .html-sign-premium__intro {
    margin-bottom: 0.85rem;
}

body#clean-theme-client.html-sign-in .html-sign-premium__intro--hidden {
    display: none;
}

body#clean-theme-client.html-sign-in .html-sign-premium__title {
    margin: 0;
    font-size: clamp(2.15rem, 2.4vw, 2.85rem);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
}

body#clean-theme-client.html-sign-in .html-sign-premium__subtitle {
    margin: 0.85rem 0 0;
    font-size: 1rem;
    line-height: 1.7;
    color: #64748b;
}

body#clean-theme-client.html-sign-in .html-sign-card {
    margin: 0;
}

body#clean-theme-client.html-sign-in .html-sign-card__surface {
    display: flex;
    flex-direction: column;
    padding: 1.85rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcff 100%);
    box-shadow: 0 16px 36px -30px rgba(15, 23, 42, 0.34), 0 1px 2px rgba(15, 23, 42, 0.04);
}

body#clean-theme-client.html-sign-in .html-sign-field + .html-sign-field {
    margin-top: 1rem;
}

body#clean-theme-client.html-sign-in .html-sign-field__label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.86rem;
    font-weight: 600;
    color: #334155;
}

body#clean-theme-client.html-sign-in .html-sign-field__control {
    position: relative;
}

body#clean-theme-client.html-sign-in .html-sign-field__icon {
    position: absolute;
    top: 50%;
    left: 0.95rem;
    transform: translateY(-50%);
    width: 1.15rem;
    height: 1.15rem;
    color: #94a3b8;
    pointer-events: none;
}

body#clean-theme-client.html-sign-in .html-sign-field__icon svg,
body#clean-theme-client.html-sign-in .html-sign-premium__badge svg,
body#clean-theme-client.html-sign-in .html-sign-password-toggle__icon svg {
    width: 100%;
    height: 100%;
}

body#clean-theme-client.html-sign-in .html-sign-card input[type="text"],
body#clean-theme-client.html-sign-in .html-sign-card input[type="password"],
body#clean-theme-client.html-sign-in .html-sign-card input[type="email"],
body#clean-theme-client.html-sign-in .html-sign-card .captchainput {
    width: 100%;
    min-height: 46px;
    padding: 0.8rem 3rem 0.8rem 2.9rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: #ffffff;
    color: #0f172a;
    box-shadow: none;
    transition: border-color .3s ease, box-shadow .3s ease, background-color .3s ease;
}

body#clean-theme-client.html-sign-in .html-sign-card input::placeholder,
body#clean-theme-client.html-sign-in .html-sign-card .captchainput::placeholder {
    color: #9ca3af;
}

body#clean-theme-client.html-sign-in .html-sign-card input:focus,
body#clean-theme-client.html-sign-in .html-sign-card .captchainput:focus {
    outline: none;
    border-color: rgba(92, 101, 255, 0.45);
    box-shadow: 0 0 0 3px rgba(92, 101, 255, 0.1);
}

body#clean-theme-client.html-sign-in .html-sign-password-toggle {
    position: absolute;
    top: 50%;
    right: 0.85rem;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    padding: 0;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    transition: color .3s ease;
}

body#clean-theme-client.html-sign-in .html-sign-password-toggle:hover {
    color: #475569;
}

body#clean-theme-client.html-sign-in .html-sign-password-toggle__icon {
    width: 1.1rem;
    height: 1.1rem;
}

body#clean-theme-client.html-sign-in .html-sign-password-toggle__icon--hide {
    display: none;
}

body#clean-theme-client.html-sign-in .html-sign-password-toggle.is-visible .html-sign-password-toggle__icon--show {
    display: none;
}

body#clean-theme-client.html-sign-in .html-sign-password-toggle.is-visible .html-sign-password-toggle__icon--hide {
    display: block;
}

body#clean-theme-client.html-sign-in .html-sign-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

body#clean-theme-client.html-sign-in .html-sign-card__meta--end {
    justify-content: flex-end;
}

body#clean-theme-client.html-sign-in .html-sign-card__remember {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

body#clean-theme-client.html-sign-in .html-sign-card__remember .checkbox-custom-label {
    margin: 0 !important;
}

body#clean-theme-client.html-sign-in .html-sign-card__remember .checkbox-custom + .checkbox-custom-label::before {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 10px;
    border-color: rgba(148, 163, 184, 0.42);
    line-height: 18px;
    font-size: 11px;
}

body#clean-theme-client.html-sign-in .html-sign-card__remember .checkbox-custom {
    width: auto !important;
    margin: 0;
}

body#clean-theme-client.html-sign-in .forgotpasslink,
body#clean-theme-client.html-sign-in .sifreunuttulink,
body#clean-theme-client.html-sign-in .html-sign-switch a {
    color: hsl(263, 70%, 56%);
    font-weight: 600;
    text-decoration: none;
    transition: opacity .3s ease;
}

body#clean-theme-client.html-sign-in .forgotpasslink:hover,
body#clean-theme-client.html-sign-in .sifreunuttulink:hover,
body#clean-theme-client.html-sign-in .html-sign-switch a:hover {
    opacity: 0.78;
}

body#clean-theme-client.html-sign-in .html-sign-captcha {
    margin-top: 1.2rem;
}

body#clean-theme-client.html-sign-in .html-sign-primary-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0 !important;
    min-height: 46px;
    margin-top: 0.95rem;
    border: 0;
    border-radius: 14px;
    background: hsl(263, 70%, 56%);
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 10px 24px hsla(263, 70%, 56%, 0.18);
    transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

body#clean-theme-client.html-sign-in .html-sign-primary-btn:hover {
    color: #ffffff;
    background: hsl(263, 70%, 50%);
    box-shadow: 0 12px 26px hsla(263, 70%, 56%, 0.22);
    transform: translateY(-1px);
}

body#clean-theme-client.html-sign-in .html-sign-divider {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0.4rem 0 0.6rem;
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-sign-in .html-sign-divider::before,
body#clean-theme-client.html-sign-in .html-sign-divider::after {
    content: "";
    flex: 1 1 0;
    height: 1px;
    background: rgba(148, 163, 184, 0.35);
}

body#clean-theme-client.html-sign-in .socialconnect.html-sign-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
}

body#clean-theme-client.html-sign-in .socialconnect.html-sign-social > * {
    flex: 0 1 auto;
    width: min(100%, 22rem) !important;
    max-width: 22rem !important;
    margin: 0 auto !important;
    float: none !important;
}

body#clean-theme-client.html-sign-in .socialconnect.html-sign-social a,
body#clean-theme-client.html-sign-in .socialconnect.html-sign-social button,
body#clean-theme-client.html-sign-in .html-sign-social-fallback {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    box-sizing: border-box;
    width: min(100%, 22rem) !important;
    max-width: 22rem !important;
    min-height: 46px;
    padding: 0.75rem 1rem;
    margin: 0 auto !important;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
    box-shadow: none;
    float: none !important;
    align-self: center;
    transition: background-color .3s ease, border-color .3s ease;
}

body#clean-theme-client.html-sign-in .html-sign-social-fallback {
    position: relative;
    padding-inline: 1rem;
}

body#clean-theme-client.html-sign-in .socialconnect.html-sign-social .g_id_signin,
body#clean-theme-client.html-sign-in .socialconnect.html-sign-social .g_id_signin > div,
body#clean-theme-client.html-sign-in .socialconnect.html-sign-social .g_id_signin iframe {
    width: min(100%, 22rem) !important;
    min-width: 240px;
    max-width: 100% !important;
}

body#clean-theme-client.html-sign-in .socialconnect.html-sign-social .g_id_signin {
    display: flex !important;
    justify-content: center;
}

body#clean-theme-client.html-sign-in .html-sign-social-fallback svg {
    position: static;
    transform: none;
}

body#clean-theme-client.html-sign-in .html-sign-social-fallback span {
    display: inline-block;
    width: auto;
    text-align: center;
}

body#clean-theme-client.html-sign-in .socialconnect.html-sign-social a:hover,
body#clean-theme-client.html-sign-in .socialconnect.html-sign-social button:hover,
body#clean-theme-client.html-sign-in .html-sign-social-fallback:hover {
    background: #f8fafc;
    border-color: rgba(148, 163, 184, 0.45);
}

body#clean-theme-client.html-sign-in .socialconnect.html-sign-social a svg,
body#clean-theme-client.html-sign-in .socialconnect.html-sign-social button svg,
body#clean-theme-client.html-sign-in .socialconnect.html-sign-social a img,
body#clean-theme-client.html-sign-in .socialconnect.html-sign-social button img,
body#clean-theme-client.html-sign-in .html-sign-social-fallback svg {
    width: 1.2rem;
    height: 1.2rem;
    flex-shrink: 0;
}

body#clean-theme-client.html-sign-in .html-sign-switch {
    margin: 0.6rem 0 0;
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: 1.85rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.55;
    text-wrap: balance;
    font-size: 0.94rem;
    color: #64748b;
}

body#clean-theme-client.html-sign-in .html-sign-auth-success {
    margin: 0;
    padding: 2rem 1rem;
    text-align: center;
}

body#clean-theme-client.html-sign-in .html-sign-premium__hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient(circle at top right, rgba(34, 211, 238, 0.18), transparent 32%), linear-gradient(145deg, #0f172a 0%, #312e81 46%, #111827 100%);
    isolation: isolate;
}

body#clean-theme-client.html-sign-in .html-sign-premium__hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
    pointer-events: none;
}

body#clean-theme-client.html-sign-in .html-sign-premium__hero-content {
    position: relative;
    z-index: 2;
    max-width: 420px;
    padding: 3rem;
    text-align: center;
}

body#clean-theme-client.html-sign-in .html-sign-premium__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(18px);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
}

body#clean-theme-client.html-sign-in .html-sign-premium__badge svg {
    width: 2.2rem;
    height: 2.2rem;
}

body#clean-theme-client.html-sign-in .html-sign-premium__hero-title {
    margin: 1.5rem 0 0;
    font-size: clamp(2.2rem, 2.4vw, 3rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #ffffff;
}

body#clean-theme-client.html-sign-in .html-sign-premium__hero-copy {
    margin: 1rem auto 0;
    max-width: 32rem;
    font-size: 1rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

body#clean-theme-client.html-sign-in .html-sign-premium__dots {
    display: inline-flex;
    gap: 0.55rem;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

body#clean-theme-client.html-sign-in .html-sign-premium__dots span {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
}

body#clean-theme-client.html-sign-in .html-sign-premium__dots .is-active {
    width: 1.8rem;
    background: rgba(255, 255, 255, 0.92);
}

body#clean-theme-client.html-sign-in .html-sign-premium__blob {
    position: absolute;
    border-radius: 999px;
    filter: blur(16px);
    opacity: 0.8;
    animation: html-sign-blob-float 14s ease-in-out infinite;
}

body#clean-theme-client.html-sign-in .html-sign-premium__blob--one {
    width: 15rem;
    height: 15rem;
    top: 8%;
    right: 12%;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.95), rgba(124, 58, 237, 0));
}

body#clean-theme-client.html-sign-in .html-sign-premium__blob--two {
    width: 18rem;
    height: 18rem;
    bottom: 12%;
    right: 6%;
    background: radial-gradient(circle, rgba(34, 211, 238, 0.92), rgba(34, 211, 238, 0));
    animation-delay: -4s;
}

body#clean-theme-client.html-sign-in .html-sign-premium__blob--three {
    width: 13rem;
    height: 13rem;
    left: 12%;
    bottom: 18%;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.9), rgba(99, 102, 241, 0));
    animation-delay: -8s;
}

body#clean-theme-client.html-sign-in .html-sign-premium__wave {
    position: absolute;
    inset: auto auto -18% -10%;
    width: 125%;
    height: auto;
    z-index: 1;
    pointer-events: none;
}

@keyframes html-sign-blob-float {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    33% { transform: translate3d(16px, -24px, 0) scale(1.04); }
    66% { transform: translate3d(-18px, 18px, 0) scale(0.96); }
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-sign-in .html-sign-premium__layout {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
    }
}

@media (max-width: 1023.98px) {
    body#clean-theme-client.html-sign-in .html-sign-auth-shell {
        min-height: auto;
        padding: 4.5rem 0 1.5rem;
    }

    body#clean-theme-client.html-sign-in .html-sign-auth-shell > .container {
        padding: 0 16px;
    }

    body#clean-theme-client.html-sign-in .html-sign-premium__layout {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    body#clean-theme-client.html-sign-in .html-sign-premium__hero {
        display: none;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-sign-in .html-sign-auth-shell {
        padding: 4rem 0 1rem;
    }

    body#clean-theme-client.html-sign-in .html-sign-auth-shell > .container {
        padding: 0 12px;
    }

    body#clean-theme-client.html-sign-in .html-sign-premium__layout {
        border-radius: 22px;
    }

    body#clean-theme-client.html-sign-in .html-sign-premium__form-column {
        padding: 1.5rem;
    }

    body#clean-theme-client.html-sign-in .html-sign-card__surface {
        padding: 1.25rem;
        border-radius: 18px;
    }

    body#clean-theme-client.html-sign-in .html-sign-switch {
        padding-inline: 1.25rem;
        margin-top: 0.6rem;
    }

    body#clean-theme-client.html-sign-in .html-sign-card__meta {
        align-items: flex-start;
        flex-direction: column;
    }
}

body#clean-theme-client.html-sign-up .signup-wizard {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 5.75rem);
    padding: 4.5rem 0 1.5rem;
    background: transparent;
}

body#clean-theme-client.html-sign-up .signup-wizard > .container {
    width: 100%;
    max-width: 1320px;
    padding: 0 12px;
}

body#clean-theme-client.html-sign-up .signup-wizard__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.32fr) minmax(410px, 0.96fr);
    align-items: stretch;
    min-height: clamp(720px, calc(100vh - 150px), 840px);
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 32px;
    box-shadow: 0 40px 80px rgba(15, 23, 42, 0.12);
    overflow: hidden;
}

body#clean-theme-client.html-sign-up .signup-wizard__form-side {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 2rem 1.25rem;
    background: #ffffff;
}

body#clean-theme-client.html-sign-up .signup-wizard__shell {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    padding-top: 0;
    padding-bottom: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    height: 24px;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-fill {
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 24px;
    border-radius: 999px;
    background: #22c55e;
    z-index: 1;
    border: none;
    box-shadow: none;
    transition: width 550ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 180ms ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-dot {
    position: relative;
    z-index: 2;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #d1d5db;
    transition: background-color .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-dot.is-active {
    background: #ffffff;
}

body#clean-theme-client.html-sign-up .signup-wizard__card {
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 24px;
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.75);
    overflow: hidden;
}

body#clean-theme-client.html-sign-up .signup-wizard__header {
    padding: 22px 28px 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__step-text {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #6b7280;
}

body#clean-theme-client.html-sign-up .signup-wizard__title {
    margin: 8px 0 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #111827;
}

body#clean-theme-client.html-sign-up .signup-wizard__description {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: #6b7280;
}

body#clean-theme-client.html-sign-up .signup-wizard__body {
    position: relative;
    overflow: hidden;
    min-height: 0;
    padding: 22px 28px;
    transition: min-height .26s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__step {
    display: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__step--active,
body#clean-theme-client.html-sign-up .signup-wizard__step--entering {
    display: block;
    animation: signup-wizard-step-in .26s ease forwards;
}

body#clean-theme-client.html-sign-up .signup-wizard__step--leaving {
    position: absolute;
    inset: 28px 30px;
    display: block;
    width: calc(100% - 60px);
    pointer-events: none;
    animation: signup-wizard-step-out .26s ease forwards;
}

@keyframes signup-wizard-step-in {
    from {
        opacity: 0;
        transform: translateX(24px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes signup-wizard-step-out {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-24px);
    }
}

body#clean-theme-client.html-sign-up .signup-wizard__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 16px;
}

body#clean-theme-client.html-sign-up .signup-wizard__field {
    min-width: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__field--full {
    grid-column: 1 / -1;
}

body#clean-theme-client.html-sign-up .signup-wizard__label,
body#clean-theme-client.html-sign-up .signup-wizard__section-label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: #111827;
}

body#clean-theme-client.html-sign-up .signup-wizard__label--static {
    margin-bottom: 8px;
}

body#clean-theme-client.html-sign-up .signup-wizard__control {
    position: relative;
}

body#clean-theme-client.html-sign-up .signup-wizard__control input[type="text"],
body#clean-theme-client.html-sign-up .signup-wizard__control input[type="email"],
body#clean-theme-client.html-sign-up .signup-wizard__control input[type="password"],
body#clean-theme-client.html-sign-up .signup-wizard__control select,
body#clean-theme-client.html-sign-up .signup-wizard__control textarea,
body#clean-theme-client.html-sign-up .signup-wizard__control .captchainput {
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #ffffff;
    font-size: 14px;
    color: #111827;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__control textarea {
    height: auto;
    min-height: 96px;
    padding: 12px 14px;
    resize: vertical;
}

body#clean-theme-client.html-sign-up .signup-wizard__control input::placeholder,
body#clean-theme-client.html-sign-up .signup-wizard__control textarea::placeholder,
body#clean-theme-client.html-sign-up .signup-wizard__control .captchainput::placeholder {
    color: #9ca3af;
}

body#clean-theme-client.html-sign-up .signup-wizard__control input:focus,
body#clean-theme-client.html-sign-up .signup-wizard__control select:focus,
body#clean-theme-client.html-sign-up .signup-wizard__control textarea:focus,
body#clean-theme-client.html-sign-up .signup-wizard__control .captchainput:focus {
    outline: none;
    border-color: rgba(92, 101, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(92, 101, 255, 0.08);
}

body#clean-theme-client.html-sign-up .signup-wizard__control select {
    padding-right: 42px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%);
    background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

body#clean-theme-client.html-sign-up .signup-wizard__segmented {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

body#clean-theme-client.html-sign-up .signup-wizard__segmented .radio-custom {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__segment {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__segmented .radio-custom + .signup-wizard__segment::before {
    display: none !important;
    content: none !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__segmented .radio-custom:checked + .signup-wizard__segment {
    border-color: rgba(92, 101, 255, 0.28);
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-sign-up .signup-wizard__segmented .radio-custom:focus + .signup-wizard__segment {
    outline: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__segmented .radio-custom:focus-visible + .signup-wizard__segment {
    outline: 2px solid rgba(92, 101, 255, 0.4);
    outline-offset: -2px;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input {
    display: block;
    width: 100%;
    position: relative;
    min-height: 44px;
    height: 44px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.02);
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti:focus-within,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input:focus-within {
    border-color: rgba(92, 101, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(92, 101, 255, 0.08);
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input.separate-dial-code .flag-container,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--separate-dial-code .iti__flag-container,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--allow-dropdown .iti__flag-container,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--separate-dial-code .iti__country-container,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--allow-dropdown .iti__country-container {
    padding: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input.separate-dial-code .selected-flag,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--separate-dial-code .iti__selected-flag,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--allow-dropdown .iti__selected-flag,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--separate-dial-code .iti__selected-country,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--allow-dropdown .iti__country-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-width: 104px;
    height: 100%;
    min-height: 100%;
    padding: 0 15px 0 14px;
    border-right: 1px solid #e5e7eb;
    border-radius: 0;
    background: #f8fafc !important;
    overflow: visible;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input.separate-dial-code .flag-container,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--separate-dial-code .iti__flag-container,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--allow-dropdown .iti__flag-container,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--separate-dial-code .iti__country-container {
    left: 0;
    top: 0;
    bottom: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input .selected-flag .iti-flag,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input .selected-flag .iti-arrow,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-flag .iti__flag,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-flag .iti__arrow,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-country .iti__flag,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-country .iti__arrow {
    position: static;
    top: auto;
    right: auto;
    margin: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input .selected-flag .iti-arrow,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-flag .iti__arrow,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-country .iti__arrow {
    margin-left: auto;
    color: #64748b;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input .selected-flag .iti-flag,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-flag .iti__flag,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-country .iti__flag {
    flex: 0 0 20px;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input.separate-dial-code .selected-dial-code,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti__selected-dial-code {
    padding-left: 0 !important;
    margin-left: 0 !important;
    line-height: 1;
    font-weight: 600;
    color: #475569;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input.separate-dial-code input,
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input.separate-dial-code input[type=text],
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .intl-tel-input.separate-dial-code input[type=tel],
body#clean-theme-client.html-sign-up .signup-wizard__control--phone .iti--separate-dial-code input {
    height: 100%;
    min-height: 100%;
    padding-left: 118px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    box-sizing: border-box;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--phone input:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__control--password input {
    padding-right: 46px;
}

body#clean-theme-client.html-sign-up .signup-wizard__password-toggle {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
}

body#clean-theme-client.html-sign-up .signup-wizard__password-icon {
    position: absolute;
    inset: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    transition: opacity .2s ease, transform .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__password-icon--hide {
    opacity: 0;
    transform: scale(.85);
}

body#clean-theme-client.html-sign-up .signup-wizard__password-toggle.is-visible .signup-wizard__password-icon--show {
    opacity: 0;
    transform: scale(.85);
}

body#clean-theme-client.html-sign-up .signup-wizard__password-toggle.is-visible .signup-wizard__password-icon--hide {
    opacity: 1;
    transform: scale(1);
}

body#clean-theme-client.html-sign-up .signup-wizard__generate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease, color .2s ease;
    justify-self: start;
    white-space: nowrap;
}

body#clean-theme-client.html-sign-up .signup-wizard__generate svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

body#clean-theme-client.html-sign-up .signup-wizard__generate:hover {
    background: linear-gradient(180deg, #ffffff 0%, #f3f4f6 100%);
    border-color: #cbd5e1;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-sign-up .signup-wizard__strength-panel {
    height: 44px;
    min-height: 44px;
    width: fit-content;
    max-width: 100%;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    cursor: default;
    transform: none;
    position: relative;
    justify-self: start;
    border: 1px solid rgba(239, 68, 68, 0.22);
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
    box-shadow: none;
    pointer-events: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__strength-panel.is-weak {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.22);
    color: #dc2626;
}

body#clean-theme-client.html-sign-up .signup-wizard__strength-panel.is-medium {
    background: rgba(245, 158, 11, 0.10);
    border: 1px solid rgba(245, 158, 11, 0.24);
    color: #d97706;
}

body#clean-theme-client.html-sign-up .signup-wizard__strength-panel.is-strong {
    background: rgba(34, 197, 94, 0.10);
    border: 1px solid rgba(34, 197, 94, 0.24);
    color: #15803d;
}

body#clean-theme-client.html-sign-up .signup-wizard__choices {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

body#clean-theme-client.html-sign-up .signup-wizard__choices--stacked {
    gap: 12px;
}

body#clean-theme-client.html-sign-up .signup-wizard__choices .radio-custom,
body#clean-theme-client.html-sign-up .signup-wizard__choices .checkbox-custom {
    position: absolute;
    opacity: 0;
    pointer-events: auto;
    width: 1px;
    height: 1px;
}

body#clean-theme-client.html-sign-up .signup-wizard__choice-label {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin: 0 !important;
    color: #374151;
    font-size: 14px;
    line-height: 1.45;
    cursor: pointer;
    position: relative;
    color: #475569;
}

body#clean-theme-client.html-sign-up .signup-wizard__choice-label::before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 10px;
    margin-top: 0;
    padding: 0;
    line-height: 18px;
    font-size: 11px;
    flex: 0 0 18px;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.02);
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__choice-label--radio::before {
    border-radius: 999px;
}

body#clean-theme-client.html-sign-up .signup-wizard__choice-label .checktext {
    flex: 1 1 auto;
    min-width: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__choice-label .checktext a {
    color: #111827;
}

body#clean-theme-client.html-sign-up .signup-wizard__choices .checkbox-custom:checked + .signup-wizard__choice-label::before {
    background: rgb(92 101 255 / 99%);
    border-color: rgb(92 101 255 / 99%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.25 6.5 11.25 12.5 5.25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 11px;
    box-shadow: 0 0 0 3px rgba(92, 101, 255, 0.12);
}

body#clean-theme-client.html-sign-up .signup-wizard__choices .radio-custom:checked + .signup-wizard__choice-label::before {
    background: #ffffff;
    border-color: rgb(92 101 255 / 99%);
    box-shadow: inset 0 0 0 4px rgb(92 101 255 / 99%), 0 0 0 3px rgba(92, 101, 255, 0.12);
}

body#clean-theme-client.html-sign-up .signup-wizard__choices .checkbox-custom:focus-visible + .signup-wizard__choice-label::before,
body#clean-theme-client.html-sign-up .signup-wizard__choices .radio-custom:focus-visible + .signup-wizard__choice-label::before {
    box-shadow: 0 0 0 3px rgba(92, 101, 255, 0.12);
}

body#clean-theme-client.html-sign-up .signup-wizard__choices .checkbox-custom:hover + .signup-wizard__choice-label::before,
body#clean-theme-client.html-sign-up .signup-wizard__choices .radio-custom:hover + .signup-wizard__choice-label::before {
    border-color: #94a3b8;
}

body#clean-theme-client.html-sign-up .signup-wizard__field--consents {
    display: grid;
    gap: 16px;
}

body#clean-theme-client.html-sign-up .signup-wizard__consent-block {
    min-width: 0;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.05);
}

body#clean-theme-client.html-sign-up .signup-wizard__consent-block--contracts .checktext a {
    text-decoration: underline;
    color: rgb(92 101 255 / 99%);
}

body#clean-theme-client.html-sign-up .signup-wizard__consent-block .signup-wizard__section-label {
    margin-bottom: 0.85rem;
    font-size: 15px;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal.iziModal {
    border-radius: 24px !important;
    box-shadow: 0 32px 72px rgba(15, 23, 42, 0.26), 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
    max-width: 860px !important;
    width: min(92vw, 860px) !important;
    border: none !important;
    background: #ffffff !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal .iziModal-header {
    padding: 1.15rem 1.5rem 0.95rem !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal .iziModal-header-title {
    float: none !important;
    width: auto !important;
    padding: 0 3rem 0 0 !important;
    margin: 0 !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.02em !important;
    color: #0f172a !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal .iziModal-button-close {
    top: 14px !important;
    right: 14px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    background-color: #f8fafc !important;
    background-size: 13px 13px !important;
    opacity: 1 !important;
    transition: background-color .2s ease, transform .2s ease !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal .iziModal-button-close:hover {
    background-color: #eef2ff !important;
    transform: scale(1.04);
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal .iziModal-content {
    max-height: min(72vh, 720px) !important;
    overflow: auto !important;
    background: #ffffff !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal-body {
    padding: 1.5rem 1.75rem 1.75rem !important;
    color: #475569;
    font-size: 0.98rem;
    line-height: 1.85;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal-body > :first-child {
    margin-top: 0 !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal-body > :last-child {
    margin-bottom: 0 !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal-body p {
    margin: 0 0 1rem;
}

body#clean-theme-client.html-sign-up .signup-wizard__legal-modal-body h1,
body#clean-theme-client.html-sign-up .signup-wizard__legal-modal-body h2,
body#clean-theme-client.html-sign-up .signup-wizard__legal-modal-body h3,
body#clean-theme-client.html-sign-up .signup-wizard__legal-modal-body h4 {
    margin: 0 0 0.9rem;
    color: #0f172a;
    font-weight: 700;
    line-height: 1.35;
}

body#clean-theme-client.html-sign-up .signup-wizard__captcha {
    gap: 12px;
}

body#clean-theme-client.html-sign-up .signup-wizard__captcha-output {
    margin-bottom: 12px;
}

body#clean-theme-client.html-sign-up .signup-wizard__footer {
    padding: 0 30px 30px;
    border-top: 1px solid rgba(226, 232, 240, 0.85);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, rgba(248, 250, 252, 0.42) 100%);
}

body#clean-theme-client.html-sign-up .signup-wizard__actions {
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

body#clean-theme-client.html-sign-up .signup-wizard__back,
body#clean-theme-client.html-sign-up .signup-wizard__next,
body#clean-theme-client.html-sign-up .signup-wizard__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    min-height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    outline: none;
    transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__back:focus-visible,
body#clean-theme-client.html-sign-up .signup-wizard__next:focus-visible,
body#clean-theme-client.html-sign-up .signup-wizard__submit:focus-visible {
    outline: 2px solid rgba(92, 101, 255, 0.4);
    outline-offset: 2px;
}

body#clean-theme-client.html-sign-up .signup-wizard__back svg,
body#clean-theme-client.html-sign-up .signup-wizard__next svg,
body#clean-theme-client.html-sign-up .signup-wizard__submit svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

body#clean-theme-client.html-sign-up .signup-wizard__back {
    min-width: 64px;
    background: #f3f4f6;
    background-image: none;
    color: #111827;
    gap: 6px;
}

body#clean-theme-client.html-sign-up .signup-wizard__back:hover {
    background: #f9fafb;
}

body#clean-theme-client.html-sign-up .signup-wizard__next,
body#clean-theme-client.html-sign-up .signup-wizard__submit {
    background: rgb(92 101 255 / 99%);
    background-image: none;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(92, 101, 255, 0.18);
}

body#clean-theme-client.html-sign-up .signup-wizard__next:hover,
body#clean-theme-client.html-sign-up .signup-wizard__submit:hover {
    box-shadow: 0 8px 20px rgba(92, 101, 255, 0.18);
}

body#clean-theme-client.html-sign-up .signup-wizard__back:active,
body#clean-theme-client.html-sign-up .signup-wizard__next:active,
body#clean-theme-client.html-sign-up .signup-wizard__submit:active,
body#clean-theme-client.html-sign-up .signup-wizard__generate:active {
    transform: scale(0.95);
}

body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="1"] .signup-wizard__actions {
    justify-content: flex-end;
}

body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="1"] .signup-wizard__back {
    display: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="1"] .signup-wizard__next {
    width: fit-content;
    flex: 1 1 auto;
}

body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="2"] .signup-wizard__next,
body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="3"] .signup-wizard__submit {
    width: fit-content;
    min-width: 11rem;
}

body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="3"] .signup-wizard__next {
    display: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__submit {
    display: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="3"] .signup-wizard__submit {
    display: inline-flex;
}

body#clean-theme-client.html-sign-up .signup-wizard__submit svg {
    opacity: .9;
    transform: scale(.92);
    transition: opacity .2s ease, transform .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="3"] .signup-wizard__submit svg {
    opacity: 1;
    transform: scale(1);
}

body#clean-theme-client.html-sign-up .signup-wizard__signin {
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #111827;
}

body#clean-theme-client.html-sign-up .signup-wizard__signin a {
    color: rgb(92 101 255 / 99%);
    font-weight: 600;
    text-decoration: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__connections {
    margin-top: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__after {
    display: grid;
    gap: 0.65rem;
    margin-top: 14px;
    width: 100%;
}

body#clean-theme-client.html-sign-up .signup-wizard__connections-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0.65rem;
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-sign-up .signup-wizard__connections-divider::before,
body#clean-theme-client.html-sign-up .signup-wizard__connections-divider::after {
    content: "";
    flex: 1 1 0;
    height: 1px;
    background: rgba(148, 163, 184, 0.35);
}

body#clean-theme-client.html-sign-up .signup-wizard__connections-list {
    display: grid;
    gap: 0.85rem;
}

body#clean-theme-client.html-sign-up .signup-wizard__connections-list .socialconnect {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
    margin-top: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__connections-list .socialconnect > * {
    flex: 0 1 auto;
}

body#clean-theme-client.html-sign-up .signup-wizard__connections-list a,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list button,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list .socialconnect a,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list .socialconnect button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    width: fit-content;
    min-width: min(100%, 15rem);
    max-width: 100%;
    min-height: 46px;
    padding: 0.75rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
    box-shadow: none;
    transition: background-color .3s ease, border-color .3s ease;
    justify-self: center;
    white-space: nowrap;
}

body#clean-theme-client.html-sign-up .signup-wizard__connections-list a:hover,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list button:hover,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list .socialconnect a:hover,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list .socialconnect button:hover {
    background: #f8fafc;
    border-color: rgba(148, 163, 184, 0.45);
}

body#clean-theme-client.html-sign-up .signup-wizard__connections-list a svg,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list button svg,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list a img,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list button img,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list a i,
body#clean-theme-client.html-sign-up .signup-wizard__connections-list button i {
    width: 1.2rem;
    height: 1.2rem;
    flex-shrink: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    background: radial-gradient(circle at top right, rgba(34, 211, 238, 0.18), transparent 34%), linear-gradient(145deg, #0f172a 0%, #312e81 46%, #111827 100%);
}

body#clean-theme-client.html-sign-up .signup-wizard__hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
    pointer-events: none;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-surface {
    position: relative;
    z-index: 2;
    max-width: 410px;
    padding: 3.15rem 2.9rem;
    color: #ffffff;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(18px);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-badge svg {
    width: 2rem;
    height: 2rem;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-title {
    margin: 1.4rem 0 0;
    font-size: clamp(2.1rem, 2.3vw, 2.8rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #ffffff;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-copy {
    margin: 1rem 0 0;
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.78);
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-list {
    display: grid;
    gap: 0.95rem;
    margin-top: 1.85rem;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-item {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.8rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-item svg {
    width: 1rem;
    height: 1rem;
    margin-top: 0.25rem;
    flex-shrink: 0;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-note {
    margin-top: 2rem;
    padding: 1.15rem 1.2rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
    backdrop-filter: blur(14px);
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-note-kicker {
    display: inline-flex;
    margin-bottom: 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.64);
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-note strong {
    display: block;
    font-size: 1rem;
    line-height: 1.45;
    color: #ffffff;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-note p {
    margin: 0.55rem 0 0;
    font-size: 0.92rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.76);
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-blob {
    position: absolute;
    border-radius: 999px;
    filter: blur(18px);
    opacity: 0.82;
    animation: html-sign-blob-float 14s ease-in-out infinite;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-blob--one {
    width: 13rem;
    height: 13rem;
    top: 10%;
    right: 12%;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.92), rgba(124, 58, 237, 0));
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-blob--two {
    width: 16rem;
    height: 16rem;
    bottom: 11%;
    right: 6%;
    background: radial-gradient(circle, rgba(34, 211, 238, 0.9), rgba(34, 211, 238, 0));
    animation-delay: -4s;
}

body#clean-theme-client.html-sign-up .signup-wizard__hero-blob--three {
    width: 12rem;
    height: 12rem;
    left: 12%;
    bottom: 18%;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.88), rgba(99, 102, 241, 0));
    animation-delay: -8s;
}

body#clean-theme-client.html-sign-up .signup-wizard__card--success {
    padding: 32px 24px;
    text-align: center;
}

body#clean-theme-client.html-sign-up .signup-wizard__success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 999px;
    background: #22c55e;
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(34, 197, 94, 0.2);
}

body#clean-theme-client.html-sign-up .signup-wizard__success-icon svg {
    width: 20px;
    height: 20px;
}

body#clean-theme-client.html-sign-up .signup-wizard__success-title {
    margin: 18px 0 8px;
    font-size: 22px;
    font-weight: 700;
    color: #111827;
}

body#clean-theme-client.html-sign-up .signup-wizard__success-text {
    margin: 0;
    color: #6b7280;
    line-height: 1.7;
}

body#clean-theme-client.html-sign-up .signup-wizard__ajax-submit {
    display: none !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__error {
    color: #dc2626 !important;
}

body#clean-theme-client.html-sign-up input.signup-wizard__error,
body#clean-theme-client.html-sign-up select.signup-wizard__error,
body#clean-theme-client.html-sign-up textarea.signup-wizard__error,
body#clean-theme-client.html-sign-up .captchainput.signup-wizard__error,
body#clean-theme-client.html-sign-up .signup-wizard__segment.signup-wizard__error,
body#clean-theme-client.html-sign-up .signup-wizard__choice-label.signup-wizard__error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12) !important;
}

body#clean-theme-client.html-sign-up .signup-wizard__choice-label.signup-wizard__error::before {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08) !important;
}

@media (max-width: 1279.98px) {
    body#clean-theme-client.html-sign-up .signup-wizard {
        padding-top: 5.8rem;
    }

    body#clean-theme-client.html-sign-up .signup-wizard > .container {
        padding: 0 16px;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__layout {
        grid-template-columns: minmax(0, 1.24fr) minmax(370px, 0.92fr);
        min-height: clamp(690px, calc(100vh - 156px), 800px);
    }

    body#clean-theme-client.html-sign-up .signup-wizard__form-side {
        padding: 2.7rem 2.2rem 2.4rem;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__shell {
        max-width: 560px;
        margin-top: 0.45rem;
    }
}

@media (max-width: 1139.98px) {
    body#clean-theme-client.html-sign-up .signup-wizard__layout {
        grid-template-columns: minmax(0, 1.16fr) minmax(330px, 0.88fr);
    }

    body#clean-theme-client.html-sign-up .signup-wizard__form-side {
        padding: 2.35rem 1.85rem 2.2rem;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__shell {
        max-width: 520px;
        margin-top: 0.25rem;
    }
}

@media (max-width: 1023.98px) {
    body#clean-theme-client.html-sign-up .signup-wizard {
        min-height: auto;
        padding: 5.5rem 0 2rem;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__layout {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__hero {
        display: none;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__shell {
        margin-top: 0;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-sign-up .signup-wizard {
        min-height: auto;
        padding: 74px 16px 28px;
    }

    body#clean-theme-client.html-sign-up .signup-wizard > .container {
        padding: 0;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__layout {
        border-radius: 24px;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__form-side {
        padding: 1.5rem;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__shell {
        padding: 16px 0;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__body,
    body#clean-theme-client.html-sign-up .signup-wizard__footer,
    body#clean-theme-client.html-sign-up .signup-wizard__header {
        padding-left: 22px;
        padding-right: 22px;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__body {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__grid,
    body#clean-theme-client.html-sign-up .signup-wizard__segmented {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__actions {
        flex-wrap: nowrap;
        gap: 8px;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="2"] .signup-wizard__back,
    body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="2"] .signup-wizard__next,
    body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="3"] .signup-wizard__back,
    body#clean-theme-client.html-sign-up .signup-wizard__shell[data-current-step="3"] .signup-wizard__submit {
        width: auto;
        flex: 1 1 0%;
        min-width: 0;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__step--leaving {
        inset: 20px;
        width: calc(100% - 40px);
    }
}

body#clean-theme-client.html-sign-in.html-sign-up {
    background:
        radial-gradient(circle at top left, rgba(124, 58, 237, 0.08), transparent 26%),
        radial-gradient(circle at top right, rgba(34, 211, 238, 0.08), transparent 28%),
        #f6f7ff;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard {
    min-height: calc(100vh - 8rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7rem 0 2rem;
    background: transparent;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard > .container {
    width: 100%;
    max-width: 1320px;
    padding: 0;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(430px, 1fr);
    align-items: stretch;
    width: 100%;
    min-height: 720px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 32px;
    box-shadow: 0 40px 80px rgba(15, 23, 42, 0.12);
    overflow: hidden;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__form-side {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.5rem 2rem;
    background: #ffffff;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__form-inner {
    width: 100%;
    max-width: 472px;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__shell {
    max-width: none;
    margin: 0;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__progress {
    margin-bottom: 1.4rem;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__card {
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.07);
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__after {
    margin-top: 1.15rem;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__connections {
    width: 100%;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__connections .html-sign-divider {
    margin: 0.95rem 0 0.85rem;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__connections .socialconnect.html-sign-social {
    gap: 0.7rem;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__signin.html-sign-switch {
    margin: 0.75rem 0 0;
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: 1.2rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.55;
    font-size: 0.94rem;
    color: #64748b;
}

body#clean-theme-client.html-sign-in.html-sign-up #Success_div {
    width: 100%;
}

body#clean-theme-client.html-sign-in.html-sign-up #Success_div .signup-wizard__card--success {
    margin-top: 0.5rem;
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__layout {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
    }
}

@media (max-width: 1023.98px) {
    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard {
        min-height: auto;
        padding: 5.8rem 0 2rem;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard > .container {
        padding: 0 16px;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__layout {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .html-sign-premium__hero {
        display: none;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard {
        padding: 5.2rem 0 1.35rem;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard > .container {
        padding: 0 16px;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__layout {
        border-radius: 22px;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__form-side {
        padding: 1.5rem;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__shell {
        padding: 0;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__signin.html-sign-switch {
        padding-inline: 1rem;
    }
}


body#clean-theme-client.html-web-hosting .classic-product-view,
body#clean-theme-client.html-domain-search .classic-product-view,
body#clean-theme-client.html-server-products .classic-product-view {
    --ac-border: rgba(15, 23, 42, 0.08);
    --ac-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
    --ac-shadow-soft: 0 14px 34px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-web-hosting .classic-product-view .mpaneltitle,
body#clean-theme-client.html-domain-search .classic-product-view .mpaneltitle,
body#clean-theme-client.html-server-products .classic-product-view .mpaneltitle {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 150px;
}

body#clean-theme-client.html-web-hosting .classic-product-view .mpaneltitle::before,
body#clean-theme-client.html-domain-search .classic-product-view .mpaneltitle::before,
body#clean-theme-client.html-server-products .classic-product-view .mpaneltitle::before {
    content: "";
    position: absolute;
    inset: auto -72px -96px auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.14), transparent 68%);
    pointer-events: none;
}

body#clean-theme-client.html-web-hosting .classic-product-view .mpaneltitle > *,
body#clean-theme-client.html-domain-search .classic-product-view .mpaneltitle > *,
body#clean-theme-client.html-server-products .classic-product-view .mpaneltitle > * {
    position: relative;
    z-index: 1;
}

body#clean-theme-client.html-web-hosting .classic-product-view .sayfayolu,
body#clean-theme-client.html-domain-search .classic-product-view .sayfayolu,
body#clean-theme-client.html-server-products .classic-product-view .sayfayolu {
    width: 100%;
}

body#clean-theme-client.html-web-hosting .classic-product-view ul.tab,
body#clean-theme-client.html-domain-search .classic-product-view ul.tab,
body#clean-theme-client.html-server-products .classic-product-view ul.tab {
    align-items: stretch;
    margin-bottom: 28px !important;
    padding-bottom: 2px !important;
}

body#clean-theme-client.html-web-hosting .classic-product-view ul.tab li,
body#clean-theme-client.html-domain-search .classic-product-view ul.tab li,
body#clean-theme-client.html-server-products .classic-product-view ul.tab li {
    display: flex;
}

body#clean-theme-client.html-web-hosting .classic-product-view ul.tab a.tablinks,
body#clean-theme-client.html-web-hosting .classic-product-view ul.tab > a,
body#clean-theme-client.html-domain-search .classic-product-view ul.tab a.tablinks,
body#clean-theme-client.html-domain-search .classic-product-view ul.tab > a,
body#clean-theme-client.html-server-products .classic-product-view ul.tab a.tablinks,
body#clean-theme-client.html-server-products .classic-product-view ul.tab > a {
    min-height: 50px;
    white-space: nowrap;
}

body#clean-theme-client.html-web-hosting .classic-product-view .orderidno,
body#clean-theme-client.html-domain-search .classic-product-view .orderidno,
body#clean-theme-client.html-server-products .classic-product-view .orderidno {
    min-height: 50px;
    align-self: center;
}

body#clean-theme-client.html-web-hosting .classic-product-view .hizmetblok,
body#clean-theme-client.html-domain-search .classic-product-view .hizmetblok,
body#clean-theme-client.html-server-products .classic-product-view .hizmetblok,
body#clean-theme-client.html-web-hosting .classic-product-view #clientArea-module-page,
body#clean-theme-client.html-domain-search .classic-product-view #clientArea-module-page,
body#clean-theme-client.html-server-products .classic-product-view #clientArea-module-page {
    box-shadow: var(--ac-shadow-soft);
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-card,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-card,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-card,
body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-action-card,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-action-card,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-action-card,
body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-table,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-table,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-table {
    box-shadow: var(--ac-shadow);
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-card .service-first-block,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-card .service-first-block,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-card .service-first-block {
    align-items: center;
    justify-content: space-between;
}

body#clean-theme-client.html-web-hosting .classic-product-view #order_image,
body#clean-theme-client.html-domain-search .classic-product-view #order_image,
body#clean-theme-client.html-server-products .classic-product-view #order_image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    min-height: 132px;
    padding: 14px;
    border-radius: 24px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    border: 1px solid var(--ac-border);
}

body#clean-theme-client.html-web-hosting .classic-product-view #order_image i,
body#clean-theme-client.html-domain-search .classic-product-view #order_image i,
body#clean-theme-client.html-server-products .classic-product-view #order_image i {
    color: #0f172a;
    opacity: 0.82;
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-hero-copy,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-hero-copy,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-hero-copy {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-hero-meta,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-hero-meta,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-hero-meta {
    margin-top: 8px;
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-hero-stat,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-hero-stat,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-hero-stat {
    min-height: 96px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-hero-actions,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-hero-actions,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-hero-actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
}

body#clean-theme-client.html-web-hosting .classic-product-view #panel_buttons,
body#clean-theme-client.html-domain-search .classic-product-view #panel_buttons,
body#clean-theme-client.html-server-products .classic-product-view #panel_buttons {
    align-items: stretch;
}

body#clean-theme-client.html-web-hosting .classic-product-view #order-service-detail-btns > a,
body#clean-theme-client.html-web-hosting .classic-product-view #panel_buttons > a,
body#clean-theme-client.html-domain-search .classic-product-view #order-service-detail-btns > a,
body#clean-theme-client.html-domain-search .classic-product-view #panel_buttons > a,
body#clean-theme-client.html-server-products .classic-product-view #order-service-detail-btns > a,
body#clean-theme-client.html-server-products .classic-product-view #panel_buttons > a {
    flex: 1 1 210px;
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-action-card,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-action-card,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-action-card {
    border: 1px solid var(--ac-border);
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-action-card #renewal_list,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-action-card #renewal_list,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-action-card #renewal_list,
body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-card #renewal_list,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-card #renewal_list,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-card #renewal_list {
    padding: 12px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid var(--ac-border);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

body#clean-theme-client.html-web-hosting .classic-product-view #selection_renewal,
body#clean-theme-client.html-domain-search .classic-product-view #selection_renewal,
body#clean-theme-client.html-server-products .classic-product-view #selection_renewal {
    width: 100%;
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-table td[colspan="2"],
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-table td[colspan="2"],
body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-table td[colspan="2"] {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-table td[colspan="2"] span,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-table td[colspan="2"] span,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-table td[colspan="2"] span {
    color: #64748b;
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-table td:first-child,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-table td:first-child,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-table td:first-child {
    min-width: 180px;
}

body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-table .tutartd td,
body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-table .tutartd td,
body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-table .tutartd td {
    font-size: 1.02rem;
}

body#clean-theme-client.html-web-hosting .classic-product-view .blue-info,
body#clean-theme-client.html-web-hosting .classic-product-view .green-info,
body#clean-theme-client.html-web-hosting .classic-product-view .red-info,
body#clean-theme-client.html-domain-search .classic-product-view .blue-info,
body#clean-theme-client.html-domain-search .classic-product-view .green-info,
body#clean-theme-client.html-domain-search .classic-product-view .red-info,
body#clean-theme-client.html-server-products .classic-product-view .blue-info,
body#clean-theme-client.html-server-products .classic-product-view .green-info,
body#clean-theme-client.html-server-products .classic-product-view .red-info {
    box-shadow: var(--ac-shadow-soft);
}

body#clean-theme-client.html-web-hosting .classic-product-view .dataTables_wrapper,
body#clean-theme-client.html-domain-search .classic-product-view .dataTables_wrapper,
body#clean-theme-client.html-server-products .classic-product-view .dataTables_wrapper,
body#clean-theme-client.html-domain-search .classic-product-view .DomainModuleChildPage,
body#clean-theme-client.html-domain-search .classic-product-view .whois-protection-area,
body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body#clean-theme-client.html-domain-search .classic-product-view .DomainModuleChildPage table,
body#clean-theme-client.html-domain-search .classic-product-view .whois-protection-area table,
body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding table,
body#clean-theme-client.html-web-hosting .classic-product-view #addons_table,
body#clean-theme-client.html-web-hosting .classic-product-view #forwards_table,
body#clean-theme-client.html-server-products .classic-product-view #addons_table {
    min-width: 760px;
}

body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding .yuzde70 > select#forward_protocol,
body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding .yuzde70 > input#forward_domain {
    vertical-align: top;
}

body#clean-theme-client.html-web-hosting .classic-product-view .block_module_details-title,
body#clean-theme-client.html-domain-search .classic-product-view .block_module_details-title,
body#clean-theme-client.html-server-products .classic-product-view .block_module_details-title {
    font-size: 1.15rem;
}

body#clean-theme-client.html-web-hosting .classic-product-view .block-item-desc,
body#clean-theme-client.html-domain-search .classic-product-view .block-item-desc,
body#clean-theme-client.html-server-products .classic-product-view .block-item-desc {
    color: #475569;
    line-height: 1.75;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-web-hosting .classic-product-view .mpaneltitle,
    body#clean-theme-client.html-domain-search .classic-product-view .mpaneltitle,
    body#clean-theme-client.html-server-products .classic-product-view .mpaneltitle {
        min-height: 132px;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-hero-meta,
    body#clean-theme-client.html-domain-search .classic-product-view .classic-product-hero-meta,
    body#clean-theme-client.html-server-products .classic-product-view .classic-product-hero-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-web-hosting .classic-product-view .mpaneltitle,
    body#clean-theme-client.html-domain-search .classic-product-view .mpaneltitle,
    body#clean-theme-client.html-server-products .classic-product-view .mpaneltitle {
        min-height: auto;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view ul.tab,
    body#clean-theme-client.html-domain-search .classic-product-view ul.tab,
    body#clean-theme-client.html-server-products .classic-product-view ul.tab {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 8px !important;
        scrollbar-width: thin;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view ul.tab li,
    body#clean-theme-client.html-web-hosting .classic-product-view ul.tab > .orderidno,
    body#clean-theme-client.html-domain-search .classic-product-view ul.tab li,
    body#clean-theme-client.html-domain-search .classic-product-view ul.tab > .orderidno,
    body#clean-theme-client.html-server-products .classic-product-view ul.tab li,
    body#clean-theme-client.html-server-products .classic-product-view ul.tab > .orderidno {
        width: auto !important;
        flex: 0 0 auto;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view ul.tab a.tablinks,
    body#clean-theme-client.html-web-hosting .classic-product-view ul.tab > a,
    body#clean-theme-client.html-domain-search .classic-product-view ul.tab a.tablinks,
    body#clean-theme-client.html-domain-search .classic-product-view ul.tab > a,
    body#clean-theme-client.html-server-products .classic-product-view ul.tab a.tablinks,
    body#clean-theme-client.html-server-products .classic-product-view ul.tab > a {
        width: auto !important;
        padding-inline: 16px;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view .orderidno,
    body#clean-theme-client.html-domain-search .classic-product-view .orderidno,
    body#clean-theme-client.html-server-products .classic-product-view .orderidno {
        width: auto !important;
        min-width: max-content;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-hero-meta,
    body#clean-theme-client.html-domain-search .classic-product-view .classic-product-hero-meta,
    body#clean-theme-client.html-server-products .classic-product-view .classic-product-hero-meta {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view #order-service-detail-btns > a,
    body#clean-theme-client.html-web-hosting .classic-product-view #panel_buttons > a,
    body#clean-theme-client.html-domain-search .classic-product-view #order-service-detail-btns > a,
    body#clean-theme-client.html-domain-search .classic-product-view #panel_buttons > a,
    body#clean-theme-client.html-server-products .classic-product-view #order-service-detail-btns > a,
    body#clean-theme-client.html-server-products .classic-product-view #panel_buttons > a {
        flex-basis: 100%;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view .classic-product-summary-table td:first-child,
    body#clean-theme-client.html-domain-search .classic-product-view .classic-product-summary-table td:first-child,
    body#clean-theme-client.html-server-products .classic-product-view .classic-product-summary-table td:first-child {
        width: 100%;
        min-width: 0;
        padding-bottom: 6px;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view #addons_table,
    body#clean-theme-client.html-web-hosting .classic-product-view #forwards_table,
    body#clean-theme-client.html-server-products .classic-product-view #addons_table,
    body#clean-theme-client.html-domain-search .classic-product-view .DomainModuleChildPage table,
    body#clean-theme-client.html-domain-search .classic-product-view .whois-protection-area table,
    body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding table {
        display: table !important;
        width: max(760px, 100%) !important;
    }

    body#clean-theme-client.html-web-hosting .classic-product-view #addons_table thead,
    body#clean-theme-client.html-web-hosting .classic-product-view #addons_table tbody,
    body#clean-theme-client.html-web-hosting .classic-product-view #addons_table tr,
    body#clean-theme-client.html-web-hosting .classic-product-view #addons_table th,
    body#clean-theme-client.html-web-hosting .classic-product-view #addons_table td,
    body#clean-theme-client.html-web-hosting .classic-product-view #forwards_table thead,
    body#clean-theme-client.html-web-hosting .classic-product-view #forwards_table tbody,
    body#clean-theme-client.html-web-hosting .classic-product-view #forwards_table tr,
    body#clean-theme-client.html-web-hosting .classic-product-view #forwards_table th,
    body#clean-theme-client.html-web-hosting .classic-product-view #forwards_table td,
    body#clean-theme-client.html-server-products .classic-product-view #addons_table thead,
    body#clean-theme-client.html-server-products .classic-product-view #addons_table tbody,
    body#clean-theme-client.html-server-products .classic-product-view #addons_table tr,
    body#clean-theme-client.html-server-products .classic-product-view #addons_table th,
    body#clean-theme-client.html-server-products .classic-product-view #addons_table td,
    body#clean-theme-client.html-domain-search .classic-product-view .DomainModuleChildPage table thead,
    body#clean-theme-client.html-domain-search .classic-product-view .DomainModuleChildPage table tbody,
    body#clean-theme-client.html-domain-search .classic-product-view .DomainModuleChildPage table tr,
    body#clean-theme-client.html-domain-search .classic-product-view .DomainModuleChildPage table th,
    body#clean-theme-client.html-domain-search .classic-product-view .DomainModuleChildPage table td,
    body#clean-theme-client.html-domain-search .classic-product-view .whois-protection-area table thead,
    body#clean-theme-client.html-domain-search .classic-product-view .whois-protection-area table tbody,
    body#clean-theme-client.html-domain-search .classic-product-view .whois-protection-area table tr,
    body#clean-theme-client.html-domain-search .classic-product-view .whois-protection-area table th,
    body#clean-theme-client.html-domain-search .classic-product-view .whois-protection-area table td,
    body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding table thead,
    body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding table tbody,
    body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding table tr,
    body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding table th,
    body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding table td {
        display: revert !important;
        width: auto !important;
    }

    body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding .yuzde70 > select#forward_protocol,
    body#clean-theme-client.html-domain-search .classic-product-view .domainforwarding .yuzde70 > input#forward_domain {
        width: 100% !important;
        margin: 0 0 10px !important;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-web-hosting .classic-product-view #order_image,
    body#clean-theme-client.html-domain-search .classic-product-view #order_image,
    body#clean-theme-client.html-server-products .classic-product-view #order_image {
        min-width: 108px;
        min-height: 108px;
        width: 108px;
    }
}




/* ============================================================
   UNIFIED FOOTER & BRAND STRIP (all html-* pages)
   Single source of truth for footer + brand-strip appearance.
   Every HTML-themed page inherits these rules.
   ============================================================ */

/* ---------- Footer shell ---------- */
body#clean-theme-client[class*="html-"] footer.section-space-top.position-relative.z-1.overflow-hidden {
    background: #ffffff;
    padding-top: 0;
    margin-top: 0;
}

/* ---------- Brand strip wrapper ---------- */
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend {
    background: #ffffff;
    color: rgba(15, 23, 42, 0.68);
    text-align: center;
    padding: 0.4rem 1rem 0.8rem;
    margin: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    border-bottom: 0;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend * {
    box-sizing: border-box;
}

/* ---------- Brand element (#wisecp_brand) ---------- */
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend #wisecp_brand {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(15, 23, 42, 0.68) !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    text-align: center !important;
    text-shadow: none !important;
    background: transparent !important;
}

/* ---------- Brand children (a, span, p, div) ---------- */
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend span,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend p,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend div {
    color: rgba(15, 23, 42, 0.68) !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    text-decoration-color: rgba(15, 23, 42, 0.28);
    text-shadow: none !important;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a {
    color: #1d4ed8 !important;
    font-weight: 500;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a:hover {
    color: #1e3a8a !important;
}

/* ---------- Dark-mode variant ---------- */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend {
    background: #0a0e1a;
    color: rgba(255, 255, 255, 0.55);
    border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend #wisecp_brand {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend span,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend p,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend div {
    color: rgba(255, 255, 255, 0.55) !important;
    text-decoration-color: rgba(255, 255, 255, 0.22);
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a:hover {
    color: #ffffff !important;
}




/* ============================================================
   FOOTER BRAND SLOT (footer-4.html inline brand)
   Ensures brand renders correctly when placed inside footer-4.html
   ============================================================ */

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1.45rem;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot #wisecp_brand {
    margin: 0 !important;
    width: auto !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    color: rgba(15, 23, 42, 0.68) !important;
    text-shadow: none !important;
    text-align: center !important;
    display: inline-block !important;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot span,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot div,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot p {
    color: rgba(15, 23, 42, 0.68) !important;
    font-size: 0.92rem !important;
    text-shadow: none !important;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a {
    color: #1d4ed8 !important;
    font-weight: 500;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a:hover {
    color: #1e3a8a !important;
}

/* Dark mode variant */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot #wisecp_brand {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot span,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot div,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot p {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a:hover {
    color: #ffffff !important;
}

/* Mobile responsive */
@media (max-width: 575.98px) {
    body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot {
        justify-content: center;
        text-align: center;
    }

    body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot #wisecp_brand {
        width: 100% !important;
        text-align: center !important;
    }
}




/* ============================================================
   FOOTER BRAND SLOT (footer-4.html inline brand)
   Ensures brand renders correctly when placed inside footer-4.html
   ============================================================ */

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1.45rem;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot #wisecp_brand {
    margin: 0 !important;
    width: auto !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    color: rgba(15, 23, 42, 0.68) !important;
    text-shadow: none !important;
    text-align: center !important;
    display: inline-block !important;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot span,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot div,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot p {
    color: rgba(15, 23, 42, 0.68) !important;
    font-size: 0.92rem !important;
    text-shadow: none !important;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a {
    color: #1d4ed8 !important;
    font-weight: 500;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a:hover {
    color: #1e3a8a !important;
}

/* Dark mode variant */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot #wisecp_brand {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot span,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot div,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot p {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a:hover {
    color: #ffffff !important;
}

/* Mobile responsive */
@media (max-width: 575.98px) {
    body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot {
        justify-content: center;
        text-align: center;
    }

    body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot #wisecp_brand {
        width: 100% !important;
        text-align: center !important;
    }
}


/* Hosting CTA dark strip fix */
body#clean-theme-client.html-web-hosting .cta-8::after {
    background: transparent !important;
}

body#clean-theme-client.html-domain-search .cta-8::after,
body#clean-theme-client.html-domain-transfer .cta-8::after,
body#clean-theme-client.html-server-products .server-colocation-migration-cta::after {
    background: transparent !important;
}

body#clean-theme-client.html-domain-search .cta-8 .btn,
body#clean-theme-client.html-domain-transfer .cta-8 .btn,
body#clean-theme-client.html-server-products .server-colocation-migration-cta .btn {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body#clean-theme-client.html-domain-search .cta-8 .btn:hover,
body#clean-theme-client.html-domain-search .cta-8 .btn:focus,
body#clean-theme-client.html-domain-transfer .cta-8 .btn:hover,
body#clean-theme-client.html-domain-transfer .cta-8 .btn:focus,
body#clean-theme-client.html-server-products .server-colocation-migration-cta .btn:hover,
body#clean-theme-client.html-server-products .server-colocation-migration-cta .btn:focus {
    background: #f8fafc !important;
    border-color: rgba(42, 98, 254, 0.28) !important;
    color: #1f53e3 !important;
}

/* SSL CTA dark strip fix */
body#clean-theme-client.html-ssl-sertifikasi .cta-7,
body#clean-theme-client.html-ssl-products .cta-7 {
    padding-top: clamp(2.5rem, 5vw, 5rem);
}

body#clean-theme-client.html-ssl-sertifikasi .cta-7::after,
body#clean-theme-client.html-ssl-products .cta-7::after {
    background: transparent !important;
}

/* ============================================================
   Country/Language/Currency Selector Modal — Premium Redesign
   Modern, glassmorphism-inspired, premium card design
   ============================================================ */

.iziModal-overlay {
    background: rgba(15, 23, 42, 0.6) !important;
}

/* Hidden by default even when legacy wisecp.css is absent */
#selectLang.selectLangCurrency,
#selectCurrency.selectLangCurrency {
    display: none;
}

/* Modal container — premium rounded card */
#selectLang.iziModal,
#selectCurrency.iziModal {
    z-index: 20001 !important;
    border-radius: 20px !important;
    box-shadow: 0 32px 64px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
    max-width: 480px !important;
    width: 90vw !important;
    border: none !important;
    background: #ffffff !important;
}

/* Modal content wrapper */
#selectLang .iziModal-content,
#selectCurrency .iziModal-content {
    overflow: hidden !important;
    border-radius: 20px !important;
}

/* ===== Premium Modal Body ===== */
.premium-locale-modal__body {
    padding: 32px 28px 28px !important;
}

/* ===== Modal Header ===== */
.premium-locale-modal__header {
    text-align: center;
    margin-bottom: 24px;
}

.premium-locale-modal__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    color: #3b82f6;
    margin-bottom: 16px;
}

.premium-locale-modal__icon--currency {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    color: #22c55e;
}

.premium-locale-modal__header h4 {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 !important;
    margin: 0 0 6px 0 !important;
    border: none !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
}

.premium-locale-modal__subtitle {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #94a3b8 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

/* ===== Options Container ===== */
.premium-locale-modal__options {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
}

/* ===== Individual Option Button ===== */
.premium-locale-option {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    column-gap: 14px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: unset !important;
    max-width: 100% !important;
    flex: none !important;
    float: none !important;
    vertical-align: middle !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: relative !important;
}

/* Hover state */
.premium-locale-option:hover {
    border-color: #3b82f6 !important;
    color: #1d4ed8 !important;
    background: #eff6ff !important;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1) !important;
    transform: translateY(-1px) !important;
}

/* Active/selected state */
.premium-locale-option--active {
    border-color: #3b82f6 !important;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    color: #1d4ed8 !important;
    box-shadow: 0 2px 12px rgba(59, 130, 246, 0.12) !important;
    opacity: 1 !important;
    filter: none !important;
}

/* ===== Flag / Symbol ===== */
.premium-locale-option__flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.premium-locale-option__flag img {
    width: 28px !important;
    height: 20px !important;
    object-fit: contain !important;
    border-radius: 4px !important;
    display: block !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    max-width: none !important;
}

.premium-locale-option__symbol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    flex-shrink: 0;
}

.premium-locale-option__symbol strong {
    font-weight: 700 !important;
    color: #16a34a !important;
    font-size: 16px !important;
    display: block !important;
    min-width: unset !important;
}

/* ===== Info (name + language/code) ===== */
.premium-locale-option__info {
    display: flex;
    flex-direction: column;
    gap: 1px;
    grid-column: 2;
    min-width: 0;
    text-align: center;
}

.premium-locale-option__name {
    font-size: 15px;
    font-weight: 600;
    color: inherit;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-locale-option__lang {
    font-size: 12px;
    font-weight: 400;
    color: #94a3b8;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== Check mark for active ===== */
.premium-locale-option__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #3b82f6;
    color: #ffffff;
    flex-shrink: 0;
    grid-column: 3;
    justify-self: end;
    margin-left: 0;
}

/* ===== Close Button — premium circular ===== */
.langcurclose {
    position: absolute !important;
    right: 16px !important;
    top: 16px !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center !important;
    background: rgba(15, 23, 42, 0.06) !important;
    color: #64748b !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    z-index: 10 !important;
    text-decoration: none !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.langcurclose svg {
    width: 14px;
    height: 14px;
    stroke-width: 2.5;
}

.langcurclose:hover {
    background: rgba(15, 23, 42, 0.1) !important;
    color: #0f172a !important;
    transform: rotate(90deg) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
}

/* ===== Legacy element hiding ===== */
#selectLang .langandcur,
#selectCurrency .langandcur {
    display: none !important;
}

#selectLang .padding20,
#selectCurrency .padding20 {
    padding: 0 !important;
    overflow: visible !important;
}

#selectLang .clear,
#selectCurrency .clear {
    display: none !important;
}

#selectLang .currencyitems,
#selectCurrency .currencyitems {
    margin-top: 0 !important;
}

/* ===== Dark Mode ===== */
html[data-bs-theme="dark"] #selectLang.iziModal,
html[data-bs-theme="dark"] #selectCurrency.iziModal {
    background: #1e293b !important;
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

html[data-bs-theme="dark"] .premium-locale-modal__icon {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(59, 130, 246, 0.1) 100%);
    color: #60a5fa;
}

html[data-bs-theme="dark"] .premium-locale-modal__icon--currency {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(34, 197, 94, 0.1) 100%);
    color: #4ade80;
}

html[data-bs-theme="dark"] .premium-locale-modal__header h4 {
    color: #f1f5f9 !important;
}

html[data-bs-theme="dark"] .premium-locale-modal__subtitle {
    color: #64748b !important;
}

html[data-bs-theme="dark"] .premium-locale-option {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
    box-shadow: none !important;
}

html[data-bs-theme="dark"] .premium-locale-option:hover {
    border-color: #3b82f6 !important;
    color: #93c5fd !important;
    background: rgba(59, 130, 246, 0.08) !important;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.12) !important;
}

html[data-bs-theme="dark"] .premium-locale-option--active {
    border-color: #3b82f6 !important;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0.06) 100%) !important;
    color: #93c5fd !important;
    box-shadow: 0 2px 12px rgba(59, 130, 246, 0.15) !important;
}

html[data-bs-theme="dark"] .premium-locale-option__flag {
    background: #0f172a;
    border-color: rgba(255, 255, 255, 0.06);
}

html[data-bs-theme="dark"] .premium-locale-option__symbol {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
}

html[data-bs-theme="dark"] .premium-locale-option__symbol strong {
    color: #4ade80 !important;
}

html[data-bs-theme="dark"] .premium-locale-option__lang {
    color: #64748b;
}

html[data-bs-theme="dark"] .langcurclose {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-bs-theme="dark"] .langcurclose:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
}

/* ===== Mobile Responsive ===== */
@media screen and (max-width: 576px) {
    #selectLang.iziModal,
    #selectCurrency.iziModal {
        max-width: 96vw !important;
        width: 96vw !important;
        border-radius: 16px !important;
    }

    .premium-locale-modal__body {
        padding: 28px 20px 24px !important;
    }

    .premium-locale-modal__header {
        margin-bottom: 20px;
    }

    .premium-locale-modal__icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        margin-bottom: 12px;
    }

    .premium-locale-modal__header h4 {
        font-size: 18px !important;
    }

    .premium-locale-option {
        padding: 12px 14px !important;
        column-gap: 12px !important;
        grid-template-columns: 32px minmax(0, 1fr) 32px !important;
        border-radius: 12px !important;
    }

    .premium-locale-option__flag,
    .premium-locale-option__symbol {
        width: 32px;
        height: 32px;
        border-radius: 8px;
    }

    .premium-locale-option__flag img {
        width: 24px !important;
        height: 17px !important;
    }

    .premium-locale-option__name {
        font-size: 14px;
    }

    .premium-locale-option__lang {
        font-size: 11px;
    }

    .langcurclose {
        right: 12px !important;
        top: 12px !important;
        width: 32px !important;
        height: 32px !important;
    }
}
   FOOTER LOGO & ALIGNMENT FIXES
   ============================================================ */

/* Footer logo - ensure single logo display */
body#clean-theme-client[class*="html-"] footer .footer-logo {
    max-width: 100px !important;
    height: auto !important;
    display: block !important;
}

/* Ensure only one logo image is visible */
body#clean-theme-client[class*="html-"] footer .logo a {
    display: inline-block;
}

body#clean-theme-client[class*="html-"] footer .logo img:first-child {
    display: block !important;
}

body#clean-theme-client[class*="html-"] footer .logo img + img {
    display: none !important;
}

/* Footer column alignment */
body#clean-theme-client[class*="html-"] footer .row-cols-xl-5 > .col {
    min-width: 0;
}

/* Bottom bar alignment */
body#clean-theme-client[class*="html-"] footer .section-space-xsm-y .row {
    margin-left: 0;
    margin-right: 0;
}

/* Footer brand slot alignment */
body#clean-theme-client[class*="html-"] footer .footer-brand-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1.45rem;
}

/* Dark mode footer logo */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] footer .footer-logo {
    filter: brightness(0) invert(1);
}

/* Mobile responsive footer */
@media (max-width: 991.98px) {
    body#clean-theme-client[class*="html-"] footer .col-xl-3 {
        text-align: center;
    }
    
    body#clean-theme-client[class*="html-"] footer .col-xl-3 .d-flex {
        align-items: center;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client[class*="html-"] footer .section-space-xsm-y .row > div {
        text-align: center !important;
    }
    
    body#clean-theme-client[class*="html-"] footer .section-space-xsm-y .list-row {
        justify-content: center !important;
    }
}


/* ============================================================
   FIX: Double logo in brandHtml (View::show_brand() output)
   Hides duplicate logos, keeps only the first one
   ============================================================ */

/* Hide all logos in brand slot except the first one */
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot img + img,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot img ~ img {
    display: none !important;
}

/* Also handle if brandHtml contains anchor-wrapped logos */
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a + a,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a ~ a {
    display: none !important;
}

/* Same fix for wisecp-brand-bridge--footerblend (non-footer-4 pages) */
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend img + img,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend img ~ img {
    display: none !important;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a + a,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a ~ a {
    display: none !important;
}

/* Dark mode variant */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot img + img,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot img ~ img {
    display: none !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend img + img,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend img ~ img {
    display: none !important;
}

/* Aggressive double logo fix - hide all logos except first */
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot img:nth-of-type(n+2),
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a:nth-of-type(n+2),
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot .logo:nth-of-type(n+2),
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot > *:nth-of-type(n+2) {
    display: none !important;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend img:nth-of-type(n+2),
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a:nth-of-type(n+2),
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend .logo:nth-of-type(n+2),
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend > *:nth-of-type(n+2) {
    display: none !important;
}

/* Dark mode */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot img:nth-of-type(n+2),
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a:nth-of-type(n+2),
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot .logo:nth-of-type(n+2),
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot > *:nth-of-type(n+2) {
    display: none !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend img:nth-of-type(n+2),
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a:nth-of-type(n+2),
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend .logo:nth-of-type(n+2),
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend > *:nth-of-type(n+2) {
    display: none !important;
}

/* Ultra aggressive double logo fix - hide all but first logo at any depth */
/* Hide all logos in footer brand areas except the very first one */
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot .logo ~ .logo,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot img ~ img,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a ~ a,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot > div ~ div,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot > span ~ span,
body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot > p ~ p {
    display: none !important;
}

body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend .logo ~ .logo,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend img ~ img,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a ~ a,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend > div ~ div,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend > span ~ span,
body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend > p ~ p {
    display: none !important;
}

/* Dark mode */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot .logo ~ .logo,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot img ~ img,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .footer-brand-slot a ~ a {
    display: none !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend .logo ~ .logo,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend img ~ img,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"]:not(.html-cart) .wisecp-brand-bridge--footerblend a ~ a {
    display: none !important;
}

/* ============================================================
   FIX: Double logo in header (and all pages)
   Ensures only ONE logo is visible - hides dark logo by default,
   shows it only in dark mode
   ============================================================ */

/* Default: hide dark logo, show light logo */
body#clean-theme-client[class*="html-"] .logo__img--dark,
body#clean-theme-client[class*="html-"] .logo img.logo__img--dark {
    display: none !important;
}

body#clean-theme-client[class*="html-"] .logo__img--light,
body#clean-theme-client[class*="html-"] .logo img.logo__img--light {
    display: inline-block !important;
}

/* Dark mode: show dark logo, hide light logo */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo img.logo__img--dark {
    display: inline-block !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo img.logo__img--light {
    display: none !important;
}

/* Fallback: if no light/dark classes, hide second img */
body#clean-theme-client[class*="html-"] .logo img + img {
    display: none !important;
}

body#clean-theme-client[class*="html-"] .logo a + a {
    display: none !important;
}

/* ============================================================
   GLOBAL LOGO TOGGLE (all html-* pages)
   Ensures only ONE logo is visible - works even when style.css
   is disabled (e.g., homepage with disable_classic_theme_css)
   ============================================================ */

/* Default: hide dark logo, show light logo */
body#clean-theme-client[class*="html-"] .logo__img--dark {
    display: none !important;
}

body#clean-theme-client[class*="html-"] .logo__img--light {
    display: inline-block !important;
}

/* Dark mode: show dark logo, hide light logo */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo__img--dark {
    display: inline-block !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo__img--light {
    display: none !important;
}

/* Fallback: if no light/dark classes on img, hide second img */
body#clean-theme-client[class*="html-"] .logo img + img {
    display: none !important;
}

body#clean-theme-client[class*="html-"] .logo a + a {
    display: none !important;
}


/* ============================================================
   ULTRA AGGRESSIVE LOGO FIX - MUST WORK
   Uses highest specificity to ensure only ONE logo is visible
   ============================================================ */

/* Force hide ALL dark logos everywhere */
body#clean-theme-client[class*="html-"] img.logo__img--dark,
body#clean-theme-client[class*="html-"] .logo img.logo__img--dark,
body#clean-theme-client[class*="html-"] .primary-header img.logo__img--dark,
body#clean-theme-client[class*="html-"] header img.logo__img--dark {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Force show ALL light logos */
body#clean-theme-client[class*="html-"] img.logo__img--light,
body#clean-theme-client[class*="html-"] .logo img.logo__img--light,
body#clean-theme-client[class*="html-"] .primary-header img.logo__img--light,
body#clean-theme-client[class*="html-"] header img.logo__img--light {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hide second logo in any logo container */
body#clean-theme-client[class*="html-"] .logo > img:nth-of-type(n+2),
body#clean-theme-client[class*="html-"] .logo > a:nth-of-type(n+2),
body#clean-theme-client[class*="html-"] .logo > *:nth-of-type(n+2) {
    display: none !important;
}

/* Dark mode: reverse */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] img.logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo img.logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .primary-header img.logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] header img.logo__img--dark {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] img.logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo img.logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .primary-header img.logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] header img.logo__img--light {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}


/* ============================================================
   ULTRA AGGRESSIVE LOGO FIX - MUST WORK
   Uses highest specificity to ensure only ONE logo is visible
   ============================================================ */

/* Force hide ALL dark logos everywhere */
body#clean-theme-client[class*="html-"] img.logo__img--dark,
body#clean-theme-client[class*="html-"] .logo img.logo__img--dark,
body#clean-theme-client[class*="html-"] .primary-header img.logo__img--dark,
body#clean-theme-client[class*="html-"] header img.logo__img--dark {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Force show ALL light logos */
body#clean-theme-client[class*="html-"] img.logo__img--light,
body#clean-theme-client[class*="html-"] .logo img.logo__img--light,
body#clean-theme-client[class*="html-"] .primary-header img.logo__img--light,
body#clean-theme-client[class*="html-"] header img.logo__img--light {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hide second logo in any logo container */
body#clean-theme-client[class*="html-"] .logo > img:nth-of-type(n+2),
body#clean-theme-client[class*="html-"] .logo > a:nth-of-type(n+2),
body#clean-theme-client[class*="html-"] .logo > *:nth-of-type(n+2) {
    display: none !important;
}

/* Dark mode: reverse */
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] img.logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo img.logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .primary-header img.logo__img--dark,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] header img.logo__img--dark {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] img.logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .logo img.logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] .primary-header img.logo__img--light,
html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] header img.logo__img--light {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}


/* ============================================================
   PREMIUM FOOTER LAYOUT FINAL OVERRIDES
   ============================================================ */
body#clean-theme-client[class*="html-"] footer.section-space-top.position-relative.z-1.overflow-hidden {
    background: #ffffff;
    padding-top: clamp(3rem, 4vw + 1rem, 4.75rem);
    margin-top: clamp(1.5rem, 2vw, 2.5rem);
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

body#clean-theme-client[class*="html-"] footer .footer-modern__brand {
    min-height: 100%;
    padding-right: clamp(0rem, 1.8vw, 1.5rem);
}

body#clean-theme-client[class*="html-"] footer .footer-modern__logo-link {
    line-height: 0;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__logo {
    width: auto;
    height: 2.4rem;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__logo--dark {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] footer .footer-modern__logo--light {
    display: none;
}

html[data-bs-theme="dark"] body#clean-theme-client[class*="html-"] footer .footer-modern__logo--dark {
    display: inline-block;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__description {
    max-width: 20rem;
    color: #475569;
    font-size: 1rem;
    line-height: 1.7;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__trust {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__trust-img {
    width: auto;
    height: 2rem;
    opacity: 0.98;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__trust-img--certificate {
    height: 1.75rem;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__meta {
    color: #64748b;
    font-size: 0.98rem;
    line-height: 1.6;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__nav-grid {
    row-gap: clamp(1.5rem, 2vw, 2rem);
}

body#clean-theme-client[class*="html-"] footer .footer-modern__nav-grid h6 {
    margin-bottom: 1.1rem !important;
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 700;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__nav-grid ul {
    gap: 0.75rem !important;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__nav-grid a {
    color: #334155 !important;
    line-height: 1.55;
}

body#clean-theme-client[class*="html-"] footer .footer-modern__nav-grid a:hover {
    color: #2563eb !important;
}

body#clean-theme-client[class*="html-"] footer .section-space-xsm-y.border-top {
    margin-top: clamp(2rem, 3vw, 3rem);
    padding-block: 1.15rem;
    border-top-color: rgba(15, 23, 42, 0.08) !important;
}

body#clean-theme-client[class*="html-"] footer .section-space-xsm-y.border-top .row {
    align-items: center;
}

@media (max-width: 991.98px) {
    body#clean-theme-client[class*="html-"] footer.section-space-top.position-relative.z-1.overflow-hidden {
        padding-top: 2.5rem;
        margin-top: 1.5rem;
    }

    body#clean-theme-client[class*="html-"] footer .footer-modern__brand {
        padding-right: 0;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client[class*="html-"] footer .footer-modern__logo {
        height: 2.2rem;
    }

    body#clean-theme-client[class*="html-"] footer .footer-modern__description {
        max-width: none;
    }

    body#clean-theme-client[class*="html-"] footer .section-space-xsm-y.border-top {
        margin-top: 1.5rem;
    }
}


/* ============================================================
   SERVER PAGE BUTTON FIXES
   ============================================================ */
body#clean-theme-client.html-server-products .table-modifier td:last-child,
body#clean-theme-client.html-server-products .table-modifier th,
body#clean-theme-client.html-server-products .server-price-table td:last-child {
    white-space: normal;
}

body#clean-theme-client.html-server-products .table-modifier .btn,
body#clean-theme-client.html-server-products .server-price-table .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.65rem 1.1rem;
    min-width: 8.75rem;
    max-width: 100%;
    border-radius: 999px;
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
    box-shadow: none;
}

body#clean-theme-client.html-server-products .table-modifier .btn-outline-secondary,
body#clean-theme-client.html-server-products .table-modifier .btn.fs-14.fw-medium.border.bg-body,
body#clean-theme-client.html-server-products .server-price-table .btn.fs-14.fw-medium.border.bg-body {
    border-color: rgba(37, 99, 235, 0.18) !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

body#clean-theme-client.html-server-products .table-modifier a.btn:hover,
body#clean-theme-client.html-server-products .server-price-table a.btn:hover {
    border-color: #2563eb !important;
    background: #2563eb !important;
    color: #ffffff !important;
}

body#clean-theme-client.html-server-products .table-modifier span.btn,
body#clean-theme-client.html-server-products .server-price-table span.btn {
    opacity: 0.55;
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-server-products .table-modifier .btn,
    body#clean-theme-client.html-server-products .server-price-table .btn {
        width: 100%;
        min-width: 0;
    }
}

body#clean-theme-client.html-server-products .srv-pricing__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-server-products .srv-pricing__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-server-products .srv-pricing__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

body#clean-theme-client.html-server-products .flow-btn {
    --flow-color: rgb(92, 101, 255);
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    border: 1.5px solid transparent;
    background: var(--flow-color) !important;
    color: #ffffff !important;
    font-size: 0.9375rem;
    font-weight: 600;
    min-height: 48px;
    padding: 0 1.25rem;
    transition: border-radius 600ms cubic-bezier(0.4, 0, 0.2, 1),
                border-color 600ms cubic-bezier(0.4, 0, 0.2, 1),
                color 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

body#clean-theme-client.html-server-products .flow-btn:hover {
    border-radius: 12px;
    border-color: transparent;
    color: #ffffff !important;
}

body#clean-theme-client.html-server-products .flow-btn:active {
    transform: scale(0.95);
}

body#clean-theme-client.html-server-products .flow-btn__text {
    position: relative;
    z-index: 2;
    display: inline-block;
}

body#clean-theme-client.html-server-products .flow-btn__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    transform: translate(-50%, -50%);
    transition: width 800ms cubic-bezier(0.4, 0, 0.2, 1),
                height 800ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}

body#clean-theme-client.html-server-products .flow-btn:hover .flow-btn__circle {
    width: 400px;
    height: 400px;
}

body#clean-theme-client.html-server-products .flow-btn__icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-left: 6px;
    transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

body#clean-theme-client.html-server-products .flow-btn__icon svg {
    width: 20px;
    height: 20px;
}

body#clean-theme-client.html-server-products .flow-btn:hover .flow-btn__icon {
    transform: translateX(4px);
}

body#clean-theme-client.html-server-products .flow-btn.opacity-50 .flow-btn__icon,
body#clean-theme-client.html-server-products .flow-btn.opacity-50 .flow-btn__circle {
    display: none;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .pricing-ref__visual-media {
    margin: 8px auto 12px;
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .pricing-ref__visual-media img {
    max-height: 110px;
    width: auto;
    object-fit: contain;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .pricing-ref__visual-media--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: var(--bs-primary);
    font-size: 2.5rem;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .pricing-ref__visual-icon {
    font-size: 2.5rem;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .classic-server-plan-card__media {
    margin: 8px auto 12px;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .classic-server-plan-card__media-frame {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    background: transparent;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .classic-server-plan-card__image {
    max-height: 110px;
    width: auto;
    object-fit: contain;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .classic-server-plan-card__media-frame--icon {
    border-radius: 0;
    background: transparent;
    color: var(--bs-primary);
    font-size: 2.5rem;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .classic-server-plan-card__icon {
    font-size: 2.5rem;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .d-flex.justify-content-center.align-items-center.gap-2.mt-6 > .fs-14 {
    font-size: 1.1rem;
    font-weight: 700;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .d-flex.justify-content-center.align-items-center.gap-2.mt-6 > h3 {
    font-size: 2rem;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded.text-center > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded.text-center > .flow-btn:first-child,
body#clean-theme-client.html-server-products .bg-body.border.rounded.text-center > :last-child {
    margin-top: auto;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .list.gap-3 {
    width: 100%;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .list.gap-3 > li {
    justify-content: flex-start;
    text-align: left;
}

body#clean-theme-client.html-server-products .bg-body.border.rounded .list.gap-3 > li > span {
    max-width: calc(100% - 1.75rem);
    text-align: left !important;
}

/* ─── Checkout auth: unified-card overrides (neutralize standalone auth rules) ─── */
body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .signup-wizard__card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .html-sign-card__surface {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .signup-wizard__progress {
    margin-bottom: 0 !important;
}

body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .signup-wizard__after {
    margin-top: 0 !important;
}

body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .signup-wizard__connections .html-sign-divider {
    margin: 0 !important;
}

body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .signup-wizard__signin,
body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .html-sign-switch {
    margin-top: 0;
}

body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .signup-wizard__signin.html-sign-switch {
    margin: 0;
    padding: 0;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
}

body#clean-theme-client.html-cart.html-sign-in .checkout-auth-copy .html-sign-divider {
    margin: 0.5rem 0 0.4rem;
}

/* Account gate page */
body#clean-theme-client.html-cart-account-gate {
    background:
        radial-gradient(circle at top left, rgba(99, 102, 241, 0.08), transparent 24%),
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.08), transparent 22%),
        linear-gradient(180deg, #eef3ff 0%, #f6f8ff 38%, #f9fbff 100%);
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero {
    position: relative;
    padding: 6.5rem 0 7rem;
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.12), transparent 20%),
        radial-gradient(circle at 88% 14%, rgba(99, 102, 241, 0.22), transparent 18%),
        linear-gradient(135deg, #111827 0%, #1e293b 50%, #2d3f72 100%);
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__panel {
    position: relative;
    max-width: 1320px;
    margin: 0 auto;
    padding: 2.75rem 3rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 32px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__content {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.18);
    color: #c7d2fe;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__title {
    margin: 1rem 0 0;
    color: #ffffff;
    font-size: clamp(2rem, 2.8vw, 3.2rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -0.04em;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__copy {
    margin: 1rem 0 0;
    max-width: 620px;
    color: rgba(226, 232, 240, 0.92);
    font-size: 1rem;
    line-height: 1.8;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__points {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__points span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    font-size: 0.92rem;
    font-weight: 600;
}

body#clean-theme-client.html-cart-account-gate .account-gate-page {
    margin-top: -4.25rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-shell {
    max-width: 1320px;
    margin: 0 auto;
}

body#clean-theme-client.html-cart-account-gate .account-gate-shell__back {
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth {
    position: relative;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__intro {
    padding: 0 0 1.25rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.1);
    color: #4f46e5;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__copy {
    margin: 0.9rem 0 0;
    max-width: 38rem;
    color: #64748b;
    font-size: 0.96rem;
    line-height: 1.75;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs {
    max-width: none;
    margin: 0 0 1.25rem;
    padding: 0.4rem;
    border: 1px solid rgba(99, 102, 241, 0.12);
    border-radius: 18px;
    background: #f8faff;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs .checkout-segmented__option {
    min-height: 3.4rem;
    border-radius: 14px;
    color: #475569;
    font-weight: 700;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs .checkout-segmented__input:checked + .checkout-segmented__option {
    background: #ffffff;
    color: #0f172a;
    border-color: rgba(99, 102, 241, 0.22);
    box-shadow: 0 10px 24px rgba(99, 102, 241, 0.10);
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__body {
    padding: 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-panel {
    width: 100%;
}

body#clean-theme-client.html-cart-account-gate .account-gate-panel__register,
body#clean-theme-client.html-cart-account-gate .account-gate-login {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__progress {
    margin-bottom: 1.25rem;
    padding: 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__card--success {
    margin-top: 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__footer {
    padding: 1.5rem 28px;
    margin-top: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__after {
    margin-top: 1.5rem !important;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__connections .html-sign-divider,
body#clean-theme-client.html-cart-account-gate .account-gate-auth .html-sign-divider {
    margin: 0 0 1rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__signin,
body#clean-theme-client.html-cart-account-gate .account-gate-auth .html-sign-switch {
    margin-top: 1rem;
    margin-bottom: 0;
    text-align: center;
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-premium__intro {
    margin-bottom: 1.25rem;
    text-align: center;
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-premium__title {
    font-size: clamp(1.8rem, 2.2vw, 2.5rem);
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-switch {
    margin-top: 1rem;
    text-align: center;
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-divider {
    margin: 1rem 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-aside {
    position: sticky;
    top: 7rem;
    display: grid;
    gap: 1.25rem;
    width: 100%;
    max-width: 380px;
    margin-left: auto;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary,
body#clean-theme-client.html-cart-account-gate .account-gate-note {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 26px 64px rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary {
    padding: 1.85rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary--loader {
    display: grid;
    place-items: center;
    min-height: 11rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__head {
    margin-bottom: 1.3rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__eyebrow {
    display: inline-block;
    margin-bottom: 0.7rem;
    color: #6366f1;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__title {
    margin: 0;
    color: #0f172a;
    font-size: 1.9rem;
    font-weight: 850;
    letter-spacing: -0.04em;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__copy {
    margin: 0.7rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.7;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__rows {
    display: grid;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__row--primary {
    padding-top: 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__label {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.6;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__value {
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 750;
    text-align: right;
    white-space: nowrap;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__total-label {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__total-amount {
    color: #0f172a;
    font-size: clamp(2rem, 2.5vw, 2.6rem);
    font-weight: 900;
    letter-spacing: -0.05em;
    text-align: right;
}

body#clean-theme-client.html-cart-account-gate .account-gate-note {
    padding: 1.55rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-note__title {
    margin: 0;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 800;
}

body#clean-theme-client.html-cart-account-gate .account-gate-note__copy {
    margin: 0.85rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.75;
}

body#clean-theme-client.html-cart-account-gate .account-gate-note__list {
    display: grid;
    gap: 0.8rem;
    margin: 1.1rem 0 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-cart-account-gate .account-gate-note__list li {
    position: relative;
    padding-left: 1.35rem;
    color: #334155;
    font-size: 0.96rem;
    font-weight: 600;
}

body#clean-theme-client.html-cart-account-gate .account-gate-note__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.48rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12);
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-cart-account-gate .account-gate-page {
        margin-top: -3rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-aside {
        position: static;
    }
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart-account-gate .account-gate-hero {
        padding: 5.5rem 0 5rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-hero__panel,
    body#clean-theme-client.html-cart-account-gate .account-gate-summary,
    body#clean-theme-client.html-cart-account-gate .account-gate-note {
        border-radius: 24px;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs {
        margin: 0 0 1rem;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-cart-account-gate .account-gate-aside {
        max-width: none;
        margin-left: 0;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-hero {
        padding: 5.5rem 0 5rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-hero__panel {
        padding: 1.5rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-page {
        margin-top: -2rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-summary,
    body#clean-theme-client.html-cart-account-gate .account-gate-note {
        padding: 1.2rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs {
        margin: 0 0 0.9rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__grid {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-summary__total {
        flex-direction: column;
        align-items: flex-start;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-summary__total-amount {
        text-align: left;
    }
}

/* ============================================================
   Premium checkout/auth hierarchy refinements
   Scope: auth and checkout-account surfaces only. Navbar untouched.
   ============================================================ */

body#clean-theme-client.html-sign-in .html-sign-mode-tabs,
body#clean-theme-client.html-sign-up .html-sign-mode-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.38rem;
    width: 100%;
    margin: 0 0 0.95rem;
    padding: 0.38rem;
    border: 1px solid rgba(99, 102, 241, 0.14);
    border-radius: 18px;
    background: #f7f8ff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.045);
}

body#clean-theme-client.html-sign-in .html-sign-mode-tabs__item,
body#clean-theme-client.html-sign-up .html-sign-mode-tabs__item {
    min-height: 3.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border: 1px solid transparent;
    border-radius: 14px;
    color: #475569;
    font-size: 0.95rem;
    font-weight: 750;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

body#clean-theme-client.html-sign-in .html-sign-mode-tabs__item:hover,
body#clean-theme-client.html-sign-up .html-sign-mode-tabs__item:hover {
    color: #0f172a;
    background: rgba(255, 255, 255, 0.58);
}

body#clean-theme-client.html-sign-in .html-sign-mode-tabs__item.is-active,
body#clean-theme-client.html-sign-up .html-sign-mode-tabs__item.is-active {
    border-color: rgba(99, 102, 241, 0.22);
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(99, 102, 241, 0.10);
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-auth-shell {
    min-height: calc(100vh - 7rem);
    align-items: flex-start;
    padding: clamp(6.8rem, 8vw, 7.8rem) 0 2rem;
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-premium__layout {
    min-height: clamp(600px, calc(100vh - 190px), 670px);
    border-radius: 28px;
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-premium__form-column {
    align-items: center;
    padding: clamp(1.75rem, 3vw, 2.35rem);
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-premium__form-inner {
    max-width: 500px;
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-premium__intro {
    margin-bottom: 0.7rem;
    text-align: left;
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-premium__title {
    font-size: clamp(1.9rem, 2.2vw, 2.45rem);
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-premium__subtitle {
    margin-top: 0.55rem;
    line-height: 1.6;
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-card__surface {
    padding: 1.55rem;
    border-radius: 20px;
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-divider {
    margin: 0.75rem 0 0.6rem;
}

body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-switch {
    margin-top: 0.75rem;
    padding-inline: 1.2rem;
}

body#clean-theme-client.html-sign-in .html-sign-premium__hero-content {
    max-width: 360px;
    padding: clamp(1.75rem, 3vw, 2.35rem);
}

body#clean-theme-client.html-sign-in .html-sign-premium__badge {
    width: 3.45rem;
    height: 3.45rem;
}

body#clean-theme-client.html-sign-in .html-sign-premium__badge svg {
    width: 1.65rem;
    height: 1.65rem;
}

body#clean-theme-client.html-sign-in .html-sign-premium__hero-title {
    margin-top: 1rem;
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    line-height: 1.16;
}

body#clean-theme-client.html-sign-in .html-sign-premium__hero-copy {
    margin-top: 0.7rem;
    font-size: 0.95rem;
    line-height: 1.65;
}

body#clean-theme-client.html-sign-in .html-sign-premium__dots {
    margin-top: 1.25rem;
}

@media (min-width: 1024px) {
    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard {
        align-items: flex-start;
        padding: clamp(6.8rem, 8vw, 7.8rem) 0 2rem;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__layout {
        grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.86fr);
        min-height: clamp(640px, calc(100vh - 190px), 720px);
        border-radius: 28px;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__form-side {
        align-items: flex-start;
        padding: clamp(1.75rem, 3vw, 2.35rem);
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__form-inner {
        width: 100%;
        max-width: 620px;
    }
}

body#clean-theme-client.html-sign-up .signup-wizard__progress {
    display: grid;
    gap: 0.65rem;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    margin: 0 0 0.9rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(99, 102, 241, 0.12);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-kicker,
body#clean-theme-client.html-sign-up .signup-wizard__progress-count {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-count {
    color: #4f46e5;
    white-space: nowrap;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    height: 1.25rem;
    padding: 0 0.45rem;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-track::before {
    content: "";
    position: absolute;
    left: 0.45rem;
    right: 0.45rem;
    top: 50%;
    height: 4px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: #e2e8f0;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-fill {
    position: absolute;
    left: 0.45rem;
    top: 50%;
    z-index: 1;
    width: 0;
    max-width: calc(100% - 0.9rem);
    height: 4px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #6366f1 0%, #22c55e 100%);
    box-shadow: none;
    transition: width 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-dot {
    position: relative;
    z-index: 2;
    width: 14px;
    height: 14px;
    border: 3px solid #ffffff;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.4);
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body#clean-theme-client.html-sign-up .signup-wizard__progress-dot.is-active {
    background: #6366f1;
    box-shadow: 0 0 0 5px rgba(99, 102, 241, 0.13);
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__card {
    border-color: rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    box-shadow: 0 28px 62px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__header {
    padding: 1.25rem 1.55rem 0;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__body {
    padding: 1.15rem 1.55rem;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__footer {
    padding: 0.35rem 1.55rem 1.25rem;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__after {
    margin-top: 0.9rem !important;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__connections .html-sign-divider {
    margin: 0 0 0.65rem;
}

body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__signin.html-sign-switch {
    margin-top: 0.65rem;
}

body#clean-theme-client.html-cart-account-gate {
    background:
        radial-gradient(circle at top left, rgba(99, 102, 241, 0.08), transparent 22%),
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.07), transparent 21%),
        linear-gradient(180deg, #eef3ff 0%, #f7f9ff 42%, #fbfdff 100%);
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero {
    padding: clamp(4.75rem, 5.6vw, 5.85rem) 0 clamp(3.1rem, 3.8vw, 4rem);
    background:
        radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.11), transparent 18%),
        radial-gradient(circle at 88% 14%, rgba(99, 102, 241, 0.20), transparent 17%),
        linear-gradient(135deg, #111827 0%, #1e293b 54%, #2d3f72 100%);
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__panel {
    padding: clamp(1.35rem, 2.4vw, 1.9rem) clamp(1.35rem, 2.8vw, 2.25rem);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 20px 60px rgba(15, 23, 42, 0.18);
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__content {
    max-width: none;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 860px;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__icon {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 3rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__icon svg {
    width: 1.5rem;
    height: 1.5rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__eyebrow {
    margin: 0;
    color: #c7d2fe;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__title {
    margin: 0.42rem 0 0;
    max-width: 780px;
    font-size: clamp(1.55rem, 2.15vw, 2.35rem);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__copy {
    margin: 0.58rem 0 0;
    max-width: 760px;
    font-size: 0.98rem;
    line-height: 1.65;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__points {
    margin: 1.05rem 0 0;
    padding: 0;
    gap: 0.55rem;
    list-style: none;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__points li {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.15rem;
    padding: 0.48rem 0.78rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    font-size: 0.86rem;
    font-weight: 650;
}

body#clean-theme-client.html-cart-account-gate .account-gate-hero__points li::before {
    content: "";
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #34d399;
    box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.12);
    flex: 0 0 0.42rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-page {
    margin-top: -1.9rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-shell {
    max-width: 1320px;
    margin: 0 auto;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth {
    width: 100%;
    max-width: 640px;
    margin: 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-shell__back {
    margin-bottom: 0.65rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-shell__back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.25rem;
    padding: 0.25rem 0;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

body#clean-theme-client.html-cart-account-gate .account-gate-shell__back-link:hover {
    color: #4f46e5;
    transform: translateX(-2px);
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs {
    max-width: none;
    margin: 0 0 0.9rem;
    padding: 0.38rem;
    border-color: rgba(99, 102, 241, 0.14);
    border-radius: 18px;
    background: #f7f8ff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs .checkout-segmented__option {
    min-height: 3.15rem;
    border-radius: 14px;
    font-weight: 760;
}

body#clean-theme-client.html-cart-account-gate .account-gate-panel__register,
body#clean-theme-client.html-cart-account-gate .account-gate-login {
    max-width: none;
    margin: 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__progress {
    margin-bottom: 0.9rem;
    padding: 0.85rem 1rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__card {
    border-color: rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    box-shadow: 0 28px 62px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__header {
    padding: 1.25rem 1.55rem 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__title {
    font-size: 1.55rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__description {
    font-size: 0.92rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__body {
    padding: 1.15rem 1.55rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__footer {
    padding: 0.35rem 1.55rem 1.25rem;
    border-top: 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__after {
    margin-top: 0.9rem !important;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(15, 23, 42, 0.07);
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__connections .html-sign-divider,
body#clean-theme-client.html-cart-account-gate .account-gate-auth .html-sign-divider {
    margin: 0 0 0.65rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__signin,
body#clean-theme-client.html-cart-account-gate .account-gate-auth .html-sign-switch {
    margin-top: 0.65rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-login__intro {
    margin-bottom: 0.7rem;
    text-align: left;
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-premium__title {
    font-size: clamp(1.75rem, 2vw, 2.25rem);
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-premium__subtitle {
    margin-top: 0.55rem;
    line-height: 1.6;
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-card__surface {
    padding: 1.55rem;
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    box-shadow: 0 28px 62px rgba(15, 23, 42, 0.10);
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-primary-btn {
    margin-top: 0.9rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-divider {
    margin: 0.85rem 0 0.65rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-aside {
    position: sticky;
    top: 7rem;
    display: grid;
    gap: 0;
    width: 100%;
    max-width: 392px;
    margin-left: auto;
    padding: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.09);
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary,
body#clean-theme-client.html-cart-account-gate .account-gate-note {
    border: 0;
    border-radius: 22px;
    background: transparent;
    box-shadow: none;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary {
    padding: 1.15rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary--loader {
    min-height: 9rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__head {
    margin-bottom: 1rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__eyebrow {
    margin-bottom: 0.5rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__title {
    font-size: clamp(1.35rem, 1.8vw, 1.65rem);
    letter-spacing: -0.035em;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__copy {
    margin-top: 0.55rem;
    font-size: 0.92rem;
    line-height: 1.62;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__row {
    padding: 0.82rem 0;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__total {
    margin-top: 0.85rem;
    padding-top: 1rem;
}

body#clean-theme-client.html-cart-account-gate .account-gate-summary__total-amount {
    font-size: clamp(1.65rem, 2vw, 2.05rem);
}

body#clean-theme-client.html-cart-account-gate .account-gate-note {
    margin-top: 0.35rem;
    padding: 1.15rem;
    border: 1px solid rgba(99, 102, 241, 0.10);
    border-radius: 20px;
    background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
}

body#clean-theme-client.html-cart-account-gate .account-gate-note__copy {
    margin-top: 0.65rem;
    line-height: 1.65;
}

body#clean-theme-client.html-cart-account-gate .account-gate-note__list {
    margin-top: 0.85rem;
    gap: 0.62rem;
}

@media (max-width: 1199.98px) {
    body#clean-theme-client.html-cart-account-gate .account-gate-page {
        margin-top: -1.45rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-aside {
        position: static;
        max-width: none;
        margin-left: 0;
    }
}

@media (max-width: 1023.98px) {
    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__layout,
    body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-premium__layout {
        border-radius: 24px;
    }
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-cart-account-gate .account-gate-hero {
        padding: 4.8rem 0 3.2rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-auth {
        max-width: none;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-aside {
        margin-top: 0.35rem;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-sign-in .html-sign-mode-tabs,
    body#clean-theme-client.html-sign-up .html-sign-mode-tabs,
    body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs {
        border-radius: 16px;
    }

    body#clean-theme-client.html-sign-in .html-sign-mode-tabs__item,
    body#clean-theme-client.html-sign-up .html-sign-mode-tabs__item,
    body#clean-theme-client.html-cart-account-gate .account-gate-auth__tabs .checkout-segmented__option {
        min-height: 2.85rem;
        font-size: 0.9rem;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard {
        padding: 5rem 0 1.25rem;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard > .container {
        padding: 0 12px;
    }

    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__form-side,
    body#clean-theme-client.html-sign-in:not(.html-sign-up) .html-sign-premium__form-column {
        padding: 1.25rem;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__progress,
    body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__progress {
        padding: 0.75rem 0.85rem;
        border-radius: 16px;
    }

    body#clean-theme-client.html-sign-up .signup-wizard__progress-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-hero {
        padding: 4.5rem 0 2.8rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-hero__panel {
        padding: 1.15rem;
        border-radius: 22px;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-hero__header {
        align-items: flex-start;
        gap: 0.85rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-hero__icon {
        width: 2.65rem;
        height: 2.65rem;
        flex-basis: 2.65rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-hero__points {
        margin-top: 0.9rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-page {
        margin-top: -1.25rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__header,
    body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__body,
    body#clean-theme-client.html-cart-account-gate .account-gate-auth .signup-wizard__footer,
    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__header,
    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__body,
    body#clean-theme-client.html-sign-in.html-sign-up .signup-wizard__footer {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-login .html-sign-card__surface {
        padding: 1.2rem;
        border-radius: 18px;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-aside {
        padding: 0.55rem;
        border-radius: 24px;
    }

    body#clean-theme-client.html-cart-account-gate .account-gate-summary,
    body#clean-theme-client.html-cart-account-gate .account-gate-note {
        padding: 1rem;
    }
}

/* ============================================================
   Hosting order-step page refinement (/siparis/hosting/*)
   Scope-only surface work; shared navbar remains untouched.
   ============================================================ */

body#clean-theme-client.html-order-hosting {
    background:
        radial-gradient(circle at 12% 0%, rgba(99, 102, 241, 0.10), transparent 24rem),
        radial-gradient(circle at 90% 8%, rgba(14, 165, 233, 0.08), transparent 22rem),
        linear-gradient(180deg, #eef3ff 0%, #f7f9ff 44%, #ffffff 100%);
}

body#clean-theme-client.html-order-hosting .html-cart-hero--order-hosting.hero-7 {
    padding-top: clamp(4.75rem, 6vw, 5.8rem) !important;
    padding-bottom: clamp(3.2rem, 4vw, 4.35rem) !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.12), transparent 18rem),
        radial-gradient(circle at 86% 20%, rgba(99, 102, 241, 0.22), transparent 20rem),
        linear-gradient(135deg, #0f172a 0%, #1e293b 54%, #293b75 100%) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

body#clean-theme-client.html-order-hosting .html-cart-hero--order-hosting.hero-7::after,
body#clean-theme-client.html-order-hosting .html-cart-hero--order-hosting.hero-7 > img {
    display: none !important;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card {
    position: relative;
    overflow: hidden;
    padding: clamp(1.25rem, 2.4vw, 1.85rem) clamp(1.25rem, 2.8vw, 2.2rem);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 22px 64px rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(10px);
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card::before {
    content: "";
    position: absolute;
    inset: -35% auto auto 58%;
    width: 22rem;
    height: 22rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.075);
    filter: blur(4px);
    pointer-events: none;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card__main {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 920px;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card__icon {
    width: 3.1rem;
    height: 3.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 3.1rem;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card__icon svg {
    width: 1.55rem;
    height: 1.55rem;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card__eyebrow {
    display: inline-flex;
    margin-bottom: 0.42rem;
    color: #c7d2fe;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.55rem, 2.2vw, 2.35rem);
    font-weight: 850;
    letter-spacing: -0.04em;
    line-height: 1.12;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card p {
    max-width: 760px;
    margin: 0.58rem 0 0;
    color: rgba(248, 250, 252, 0.74);
    font-size: 0.98rem;
    line-height: 1.65;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card__points {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 1.05rem 0 0;
    padding: 0;
    list-style: none;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card__points li {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.12rem;
    padding: 0.46rem 0.78rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    font-size: 0.86rem;
    font-weight: 650;
}

body#clean-theme-client.html-order-hosting .order-flow-hero-card__points li::before {
    content: "";
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #34d399;
    box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.12);
    flex: 0 0 0.42rem;
}

body#clean-theme-client.html-order-hosting .order-flow-top__steps {
    margin-top: -1.45rem;
}

body#clean-theme-client.html-order-hosting .order-flow-top__steps .cartflow-steps {
    box-shadow: 0 18px 52px rgba(15, 23, 42, 0.10);
}


/* ═══════════════════════════════════════════════════════════════
   ORDER-FLOW  (of-*)  — Light premium aggressive redesign
   Scoped to body#clean-theme-client.html-order-hosting
   ═══════════════════════════════════════════════════════════════ */

@keyframes of-check-pop {
    0%   { transform: translateY(-50%) scale(0.7); opacity: 0; }
    60%  { transform: translateY(-50%) scale(1.12); }
    100% { transform: translateY(-50%) scale(1); opacity: 1; }
}
@keyframes of-fade-up {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes of-shimmer {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* ── Page background override ── */
body#clean-theme-client.html-order-hosting {
    background:
        radial-gradient(ellipse at 20% 0%, rgba(99, 102, 241, 0.07), transparent 50%),
        radial-gradient(ellipse at 80% 15%, rgba(14, 165, 233, 0.05), transparent 45%),
        linear-gradient(180deg, #eef2ff 0%, #f1f5f9 30%, #f8fafc 100%) !important;
}

/* ── Flow wrapper — align with cart.html aesthetic ── */
body#clean-theme-client.html-order-hosting .of-flow {
    margin-top: 0;
}

body#clean-theme-client.html-order-hosting .of-flow__stage {
    margin-top: -100px;
    padding-bottom: clamp(3rem, 5vw, 5.5rem);
    position: relative;
    z-index: 1;
}

/* Surface card matches cart.html outer shell: bg-light shadow-lg rounded-4 */
body#clean-theme-client.html-order-hosting .of-surface {
    position: relative;
    overflow: visible;
    padding: clamp(2rem, 3.8vw, 3rem);
    border: 0;
    border-radius: 1rem;
    background: #f7f8fe;
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-order-hosting .of-surface::before,
body#clean-theme-client.html-order-hosting .of-surface::after {
    content: none;
}

/* ── Inner stepper ── */
body#clean-theme-client.html-order-hosting .of-stepper {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 2.5rem;
    padding: 1.25rem 1.75rem;
    border: 1.5px solid rgba(99, 102, 241, 0.08);
    border-radius: 24px;
    background: linear-gradient(135deg, #f8faff 0%, #eef2ff 100%);
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.06);
}

body#clean-theme-client.html-order-hosting .of-stepper__track {
    position: absolute;
    left: 5rem;
    right: 5rem;
    top: 50%;
    height: 3px;
    background: linear-gradient(90deg, #c7d2fe 0%, #e0e7ff 50%, #d1d5db 100%);
    transform: translateY(-50%);
    pointer-events: none;
    border-radius: 999px;
}

body#clean-theme-client.html-order-hosting .of-stepper__item {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    text-align: center;
}

body#clean-theme-client.html-order-hosting .of-stepper__dot {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 3px solid #e2e8f0;
    background: #ffffff;
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 850;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-order-hosting .of-stepper__label {
    color: #94a3b8;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    transition: color 0.3s ease;
}

body#clean-theme-client.html-order-hosting .of-stepper__item--active .of-stepper__dot {
    border-color: #6366f1;
    background: linear-gradient(145deg, #6366f1, #4f46e5);
    color: #ffffff;
    box-shadow:
        0 0 0 6px rgba(99, 102, 241, 0.14),
        0 8px 24px rgba(99, 102, 241, 0.28);
    transform: scale(1.1);
}

body#clean-theme-client.html-order-hosting .of-stepper__item--active .of-stepper__label {
    color: #4f46e5;
    font-weight: 800;
}

body#clean-theme-client.html-order-hosting .of-stepper__item--done .of-stepper__dot {
    border-color: #22c55e;
    background: linear-gradient(145deg, #22c55e, #16a34a);
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.22);
}

body#clean-theme-client.html-order-hosting .of-stepper__item--done .of-stepper__label {
    color: #16a34a;
    font-weight: 700;
}

/* ── Section header ── */
body#clean-theme-client.html-order-hosting .of-section {
    position: relative;
    z-index: 1;
}

body#clean-theme-client.html-order-hosting .of-section__head {
    display: flex;
    align-items: flex-start;
    gap: 1.15rem;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid rgba(99, 102, 241, 0.08);
}

body#clean-theme-client.html-order-hosting .of-section__icon {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 3.5rem;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(145deg, #6366f1, #4f46e5);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.25);
}

body#clean-theme-client.html-order-hosting .of-section__title {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    font-weight: 850;
    letter-spacing: -0.04em;
    line-height: 1.12;
}

body#clean-theme-client.html-order-hosting .of-section__sub {
    margin: 0.4rem 0 0;
    max-width: 600px;
    color: #64748b;
    font-size: 0.96rem;
    font-weight: 460;
    line-height: 1.6;
}

/* ── Period cards — LARGE & dramatic ── */
body#clean-theme-client.html-order-hosting .of-periods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 0.5rem;
}

body#clean-theme-client.html-order-hosting .of-periods--single {
    grid-template-columns: minmax(0, 480px);
}

body#clean-theme-client.html-order-hosting .of-period {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100% !important;
    min-height: 14.5rem;
    padding: 2.25rem 2rem 1.75rem !important;
    transform: none !important;
    border: 2.5px solid transparent;
    border-radius: 28px;
    background:
        linear-gradient(170deg, #ffffff, #f8faff, #eef2ff) padding-box,
        linear-gradient(170deg, #e0e7ff, #c7d2fe, #e0e7ff) border-box;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 4px 12px rgba(15, 23, 42, 0.04),
        0 16px 44px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: all 0.32s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}

body#clean-theme-client.html-order-hosting .of-period::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -25%;
    width: 150%;
    height: 150%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.06) 0%, transparent 60%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}

body#clean-theme-client.html-order-hosting .of-period::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #6366f1 0%, #a78bfa 50%, #22c55e 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

body#clean-theme-client.html-order-hosting .of-period:hover {
    background:
        linear-gradient(170deg, #ffffff, #f5f3ff, #eef2ff) padding-box,
        linear-gradient(170deg, #a5b4fc, #818cf8, #a5b4fc) border-box;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 8px 24px rgba(99, 102, 241, 0.10),
        0 28px 72px rgba(15, 23, 42, 0.10);
    transform: translateY(-6px) scale(1.02) !important;
}

body#clean-theme-client.html-order-hosting .of-period.active {
    background:
        linear-gradient(170deg, #fefeff, #f0eeff, #e8ebff) padding-box,
        linear-gradient(145deg, #6366f1, #818cf8, #6366f1) border-box;
    box-shadow:
        0 0 0 4px rgba(99, 102, 241, 0.10),
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 12px 36px rgba(99, 102, 241, 0.16),
        0 36px 80px rgba(99, 102, 241, 0.10);
    transform: translateY(-4px) !important;
}

body#clean-theme-client.html-order-hosting .of-period.active::after {
    opacity: 1;
}

body#clean-theme-client.html-order-hosting .of-period__badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 1.15rem;
    border-radius: 0 0 14px 14px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 6px 18px rgba(34, 197, 94, 0.30);
}

body#clean-theme-client.html-order-hosting .of-period__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

body#clean-theme-client.html-order-hosting .of-period__term {
    display: inline-block;
    padding: 0.3rem 1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(99, 102, 241, 0.04));
    color: #4f46e5;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.4;
}

body#clean-theme-client.html-order-hosting .of-period__price {
    color: #0f172a;
    font-size: clamp(2.5rem, 4vw, 3.25rem);
    font-weight: 950;
    letter-spacing: -0.05em;
    line-height: 1.05;
    background: linear-gradient(135deg, #1e293b 0%, #4f46e5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body#clean-theme-client.html-order-hosting .of-period.active .of-period__price {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

body#clean-theme-client.html-order-hosting .of-period__setup {
    margin-top: 0.25rem;
    color: #94a3b8;
    font-size: 0.84rem;
    font-weight: 600;
}

body#clean-theme-client.html-order-hosting .of-period__check {
    margin-top: 0.65rem;
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2.5px solid rgba(99, 102, 241, 0.14);
    border-radius: 999px;
    background: #ffffff;
    color: transparent;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-order-hosting .of-period.active .of-period__check {
    border-color: #6366f1;
    background: linear-gradient(145deg, #6366f1, #4f46e5);
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.30);
}

/* ── Domain tabs (jQuery UI Accordion) ── */
body#clean-theme-client.html-order-hosting .of-domain-tabs {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

body#clean-theme-client.html-order-hosting .of-domain-tabs.ui-accordion {
    border: 0 !important;
    background: transparent !important;
}

body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 0.65rem;
    padding: 1.05rem 1.35rem;
    border: 2px solid rgba(99, 102, 241, 0.06) !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%) !important;
    color: #1e293b !important;
    font-size: 0.96rem;
    font-weight: 750;
    cursor: pointer;
    transition: all 0.28s ease;
    outline: none;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header:hover {
    border-color: rgba(99, 102, 241, 0.18) !important;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.08);
    transform: translateY(-2px);
}

body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header.ui-state-active {
    border-color: rgba(99, 102, 241, 0.25) !important;
    background: linear-gradient(135deg, #f5f3ff 0%, #eef2ff 100%) !important;
    box-shadow: 0 8px 28px rgba(99, 102, 241, 0.10);
}

body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header::before {
    content: "";
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #c7d2fe;
    transition: all 0.25s ease;
}

body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-header.ui-state-active::before {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15), 0 0 12px rgba(99, 102, 241, 0.2);
}

body#clean-theme-client.html-order-hosting .of-domain-tabs .ui-accordion-content {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0.5rem 0 1rem !important;
    background: transparent !important;
}

/* ── Domain box ── */
body#clean-theme-client.html-order-hosting .of-domain-box {
    padding: 1.5rem;
    border: 2px solid rgba(99, 102, 241, 0.06);
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #fafaff 100%);
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.04);
}

body#clean-theme-client.html-order-hosting .of-domain-box__row {
    display: flex;
    align-items: stretch;
    gap: 0.75rem;
}

body#clean-theme-client.html-order-hosting .of-domain-box__row--sub {
    flex-wrap: wrap;
}

body#clean-theme-client.html-order-hosting .of-domain-box__row--sub .of-input--domain {
    flex: 2;
    min-width: 160px;
}

body#clean-theme-client.html-order-hosting .of-domain-box__row--sub .of-select--tld {
    flex: 0 0 auto;
    min-width: 120px;
}

body#clean-theme-client.html-order-hosting .of-domain-box__hint {
    margin: 0.85rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 460;
    line-height: 1.55;
}

/* ── Inputs ── */
body#clean-theme-client.html-order-hosting .of-input {
    width: 100%;
    flex: 1;
    min-height: 3.25rem;
    padding: 0.65rem 1.1rem;
    border: 2px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 550;
    outline: none;
    transition: all 0.25s ease;
    -webkit-appearance: none;
    appearance: none;
}

body#clean-theme-client.html-order-hosting .of-input:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.10), 0 4px 12px rgba(99, 102, 241, 0.08);
}

body#clean-theme-client.html-order-hosting .of-input::placeholder {
    color: #94a3b8;
    font-weight: 420;
}

body#clean-theme-client.html-order-hosting .of-input--domain {
    font-weight: 650;
    font-size: 1rem;
    letter-spacing: -0.01em;
}

body#clean-theme-client.html-order-hosting .of-input--file {
    padding: 0.55rem;
    font-size: 0.9rem;
    cursor: pointer;
}

body#clean-theme-client.html-order-hosting .of-input--file::file-selector-button {
    padding: 0.4rem 1rem;
    margin-right: 0.75rem;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

body#clean-theme-client.html-order-hosting .of-input--file::file-selector-button:hover {
    opacity: 0.85;
}

body#clean-theme-client.html-order-hosting .of-textarea {
    min-height: 7rem;
    resize: vertical;
}

body#clean-theme-client.html-order-hosting .of-select {
    min-height: 3.25rem;
    padding: 0.65rem 2.5rem 0.65rem 1.1rem;
    border: 2px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 1rem center/14px no-repeat;
    color: #0f172a;
    font-size: 0.94rem;
    font-weight: 600;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

body#clean-theme-client.html-order-hosting .of-select:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.10);
}

body#clean-theme-client.html-order-hosting .of-select--tld {
    flex: 0 0 auto;
    min-width: 110px;
    font-weight: 750;
}

/* ── DNS info ── */
body#clean-theme-client.html-order-hosting .of-dns-info {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 1rem 1.15rem;
    border: 2px solid rgba(99, 102, 241, 0.10);
    border-radius: 18px;
    background: linear-gradient(135deg, #f5f3ff 0%, #eef2ff 100%);
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.6;
}

body#clean-theme-client.html-order-hosting .of-dns-info > svg {
    flex: 0 0 16px;
    margin-top: 3px;
    color: #6366f1;
}

body#clean-theme-client.html-order-hosting .of-dns-info p {
    margin: 0 0 0.4rem;
    font-weight: 550;
    color: #334155;
}

body#clean-theme-client.html-order-hosting .of-dns-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

body#clean-theme-client.html-order-hosting .of-dns-list code {
    display: inline-block;
    padding: 0.3rem 0.7rem;
    border-radius: 10px;
    background: rgba(99, 102, 241, 0.10);
    color: #4f46e5;
    font-family: 'SFMono-Regular', 'Menlo', 'Consolas', monospace;
    font-size: 0.82rem;
    font-weight: 700;
}

/* ── Domain result cards ── */
body#clean-theme-client.html-order-hosting .of-domain-result {
    margin-top: 1rem;
}

body#clean-theme-client.html-order-hosting .of-result-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
    padding: 2rem;
    border-radius: 24px;
    text-align: center;
    animation: of-fade-up 0.4s ease-out both;
}

body#clean-theme-client.html-order-hosting .of-result-card__icon {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
}

body#clean-theme-client.html-order-hosting .of-result-card h4 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.25;
}

body#clean-theme-client.html-order-hosting .of-result-card p {
    margin: 0;
    max-width: 400px;
    font-size: 0.92rem;
    font-weight: 460;
    line-height: 1.55;
}

body#clean-theme-client.html-order-hosting .of-result-card--success {
    border: 2px solid rgba(34, 197, 94, 0.20);
    background: linear-gradient(170deg, #f0fdf4 0%, #dcfce7 100%);
}

body#clean-theme-client.html-order-hosting .of-result-card--success .of-result-card__icon {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(34, 197, 94, 0.25);
}

body#clean-theme-client.html-order-hosting .of-result-card--success h4 { color: #15803d; }
body#clean-theme-client.html-order-hosting .of-result-card--success p  { color: #166534; }

body#clean-theme-client.html-order-hosting .of-result-card--warning {
    border: 2px solid rgba(245, 158, 11, 0.20);
    background: linear-gradient(170deg, #fffbeb 0%, #fef3c7 100%);
}

body#clean-theme-client.html-order-hosting .of-result-card--warning .of-result-card__icon {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.25);
}

body#clean-theme-client.html-order-hosting .of-result-card--warning h4 { color: #92400e; }
body#clean-theme-client.html-order-hosting .of-result-card--warning p  { color: #78350f; }

body#clean-theme-client.html-order-hosting .of-result-card--danger {
    border: 2px solid rgba(239, 68, 68, 0.20);
    background: linear-gradient(170deg, #fef2f2 0%, #fee2e2 100%);
}

body#clean-theme-client.html-order-hosting .of-result-card--danger .of-result-card__icon {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(239, 68, 68, 0.25);
}

body#clean-theme-client.html-order-hosting .of-result-card--danger h4 { color: #991b1b; }
body#clean-theme-client.html-order-hosting .of-result-card--danger p  { color: #7f1d1d; }

/* ── Addons ── */
body#clean-theme-client.html-order-hosting .of-addons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

body#clean-theme-client.html-order-hosting .of-addon {
    padding: 1.5rem;
    border: 2px solid rgba(99, 102, 241, 0.06);
    border-radius: 24px;
    background: linear-gradient(170deg, #ffffff 0%, #fafaff 100%);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    transition: all 0.25s ease;
}

body#clean-theme-client.html-order-hosting .of-addon:hover {
    border-color: rgba(99, 102, 241, 0.14);
    box-shadow: 0 8px 28px rgba(99, 102, 241, 0.06);
}

body#clean-theme-client.html-order-hosting .of-addon__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 2px solid rgba(99, 102, 241, 0.05);
}

body#clean-theme-client.html-order-hosting .of-addon__req {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.7rem;
    border-radius: 10px;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgba(239, 68, 68, 0.2);
}

body#clean-theme-client.html-order-hosting .of-addon__name {
    display: block;
    width: 100%;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.25;
}

body#clean-theme-client.html-order-hosting .of-addon__desc {
    display: block;
    width: 100%;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 460;
    line-height: 1.55;
}

body#clean-theme-client.html-order-hosting .of-addon__body {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

body#clean-theme-client.html-order-hosting .of-addon__body .of-select {
    width: 100%;
    max-width: 480px;
}

/* ── Radio / checkbox options ── */
body#clean-theme-client.html-order-hosting .of-radio-option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1.1rem;
    border: 2px solid rgba(15, 23, 42, 0.05);
    border-radius: 18px;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.22s ease;
    margin: 0;
}

body#clean-theme-client.html-order-hosting .of-radio-option:hover {
    border-color: rgba(99, 102, 241, 0.18);
    background: linear-gradient(135deg, #fafaff, #f5f3ff);
    transform: translateX(4px);
}

body#clean-theme-client.html-order-hosting .of-radio-option input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

body#clean-theme-client.html-order-hosting .of-radio-option__mark {
    position: relative;
    flex: 0 0 1.45rem;
    width: 1.45rem;
    height: 1.45rem;
    border: 2.5px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    transition: all 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

body#clean-theme-client.html-order-hosting .of-radio-option__mark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #ffffff;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

body#clean-theme-client.html-order-hosting .of-radio-option input:checked ~ .of-radio-option__mark {
    border-color: #6366f1;
    background: linear-gradient(145deg, #6366f1, #4f46e5);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25);
}

body#clean-theme-client.html-order-hosting .of-radio-option input:checked ~ .of-radio-option__mark::after {
    transform: translate(-50%, -50%) scale(1);
}

body#clean-theme-client.html-order-hosting .of-radio-option input[type="checkbox"] ~ .of-radio-option__mark {
    border-radius: 8px;
}

body#clean-theme-client.html-order-hosting .of-radio-option input[type="checkbox"]:checked ~ .of-radio-option__mark::after {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 3px;
}

body#clean-theme-client.html-order-hosting .of-radio-option__text {
    color: #334155;
    font-size: 0.94rem;
    font-weight: 550;
    line-height: 1.4;
}

body#clean-theme-client.html-order-hosting .of-radio-option__text strong {
    color: #4f46e5;
    font-weight: 800;
}

body#clean-theme-client.html-order-hosting .of-radio-option input:checked ~ .of-radio-option__text {
    color: #1e293b;
    font-weight: 650;
}

/* ── Requirements ── */
body#clean-theme-client.html-order-hosting .of-requirements {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    margin-bottom: 0.75rem;
}

body#clean-theme-client.html-order-hosting .of-field {
    padding: 1.25rem 1.35rem;
    border: 2px solid rgba(99, 102, 241, 0.05);
    border-radius: 22px;
    background: linear-gradient(170deg, #ffffff 0%, #fafaff 100%);
    transition: border-color 0.2s ease;
}

body#clean-theme-client.html-order-hosting .of-field:focus-within {
    border-color: rgba(99, 102, 241, 0.15);
}

body#clean-theme-client.html-order-hosting .of-field__label {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 0.65rem;
    margin-bottom: 0.75rem;
    cursor: default;
}

body#clean-theme-client.html-order-hosting .of-field__label strong {
    display: block;
    width: 100%;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.3;
}

body#clean-theme-client.html-order-hosting .of-field__hint {
    display: block;
    width: 100%;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 460;
    line-height: 1.55;
}

body#clean-theme-client.html-order-hosting .of-field__input {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

body#clean-theme-client.html-order-hosting .of-field__input .of-select {
    width: 100%;
    max-width: 480px;
}

/* ── Buttons ── */
body#clean-theme-client.html-order-hosting .of-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-height: 3.25rem;
    padding: 0.65rem 1.65rem;
    border: 0;
    border-radius: 16px;
    font-size: 0.96rem;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    white-space: nowrap;
    flex-shrink: 0;
}

body#clean-theme-client.html-order-hosting .of-btn--primary {
    background: linear-gradient(145deg, #6366f1 0%, #4f46e5 100%);
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.30);
}

body#clean-theme-client.html-order-hosting .of-btn--primary:hover {
    background: linear-gradient(145deg, #4f46e5 0%, #4338ca 100%);
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.40);
    transform: translateY(-2px);
    color: #ffffff;
    text-decoration: none;
}

body#clean-theme-client.html-order-hosting .of-btn--success {
    background: linear-gradient(145deg, #22c55e 0%, #16a34a 100%);
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.30);
}

body#clean-theme-client.html-order-hosting .of-btn--success:hover {
    background: linear-gradient(145deg, #16a34a 0%, #15803d 100%);
    box-shadow: 0 12px 32px rgba(34, 197, 94, 0.40);
    transform: translateY(-2px);
    color: #ffffff;
    text-decoration: none;
}

/* ── Actions bar ── */
body#clean-theme-client.html-order-hosting .of-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid rgba(99, 102, 241, 0.06);
}

body#clean-theme-client.html-order-hosting .of-actions .of-btn {
    min-width: min(100%, 18rem);
    min-height: 3.65rem;
    border-radius: 999px;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* ── Alerts ── */
body#clean-theme-client.html-order-hosting .of-alert {
    padding: 0.85rem 1.15rem;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.55;
}

body#clean-theme-client.html-order-hosting .of-alert--error {
    margin-top: 1rem;
    border: 2px solid rgba(239, 68, 68, 0.15);
    background: linear-gradient(135deg, #fef2f2, #fff1f2);
    color: #dc2626;
}

body#clean-theme-client.html-order-hosting .of-alert--warning {
    margin-top: 1rem;
    border: 2px solid rgba(245, 158, 11, 0.15);
    background: linear-gradient(135deg, #fffbeb, #fef9c3);
    color: #d97706;
}

/* ═══════════════════════════════════════
   Responsive
   ═══════════════════════════════════════ */
@media (max-width: 991.98px) {
    body#clean-theme-client.html-order-hosting .html-cart-hero--order-hosting.hero-7 {
        padding-top: 4.6rem !important;
        padding-bottom: 3.2rem !important;
    }

    body#clean-theme-client.html-order-hosting .order-flow-top__steps {
        margin-top: -1.15rem;
    }

    body#clean-theme-client.html-order-hosting .of-periods {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body#clean-theme-client.html-order-hosting .of-period {
        min-height: 11rem;
        padding: 1.5rem 1.25rem;
    }
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-order-hosting .html-cart-hero--order-hosting.hero-7 {
        padding-top: 4.25rem !important;
        padding-bottom: 2.75rem !important;
    }

    body#clean-theme-client.html-order-hosting .order-flow-hero-card {
        padding: 1.1rem;
        border-radius: 22px;
    }

    body#clean-theme-client.html-order-hosting .order-flow-hero-card__main {
        align-items: flex-start;
        gap: 0.85rem;
    }

    body#clean-theme-client.html-order-hosting .order-flow-hero-card__icon {
        width: 2.65rem;
        height: 2.65rem;
        flex-basis: 2.65rem;
    }

    body#clean-theme-client.html-order-hosting .order-flow-hero-card h1 {
        font-size: clamp(1.3rem, 5vw, 1.65rem);
    }

    body#clean-theme-client.html-order-hosting .order-flow-hero-card__points {
        gap: 0.45rem;
    }

    body#clean-theme-client.html-order-hosting .of-flow__stage {
        margin-top: -0.85rem;
    }

    body#clean-theme-client.html-order-hosting .of-surface {
        padding: 1.25rem;
        border-radius: 26px;
    }

    body#clean-theme-client.html-order-hosting .of-stepper {
        padding: 0.85rem 0.65rem;
        border-radius: 18px;
        overflow-x: auto;
    }

    body#clean-theme-client.html-order-hosting .of-stepper__track {
        left: 2.5rem;
        right: 2.5rem;
    }

    body#clean-theme-client.html-order-hosting .of-stepper__dot {
        width: 2.35rem;
        height: 2.35rem;
        font-size: 0.82rem;
    }

    body#clean-theme-client.html-order-hosting .of-stepper__label {
        font-size: 0.72rem;
    }

    body#clean-theme-client.html-order-hosting .of-periods,
    body#clean-theme-client.html-order-hosting .of-periods--single {
        grid-template-columns: 1fr;
    }

    body#clean-theme-client.html-order-hosting .of-period {
        min-height: 10rem;
        padding: 1.5rem 1.25rem;
    }

    body#clean-theme-client.html-order-hosting .of-period__price {
        font-size: 2.25rem;
    }

    body#clean-theme-client.html-order-hosting .of-period__check {
        width: 2.35rem;
        height: 2.35rem;
    }

    body#clean-theme-client.html-order-hosting .of-domain-box {
        padding: 1rem;
        border-radius: 18px;
    }

    body#clean-theme-client.html-order-hosting .of-domain-box__row {
        flex-direction: column;
    }

    body#clean-theme-client.html-order-hosting .of-domain-box__row--sub {
        flex-direction: row;
        flex-wrap: wrap;
    }

    body#clean-theme-client.html-order-hosting .of-addon {
        padding: 1rem;
        border-radius: 18px;
    }

    body#clean-theme-client.html-order-hosting .of-field {
        padding: 1rem;
        border-radius: 18px;
    }

    body#clean-theme-client.html-order-hosting .of-actions {
        flex-direction: column;
    }

    body#clean-theme-client.html-order-hosting .of-actions .of-btn {
        width: 100%;
        min-width: 100%;
    }

    body#clean-theme-client.html-order-hosting .of-section__head {
        flex-direction: column;
        gap: 0.75rem;
    }

    body#clean-theme-client.html-order-hosting .of-result-card {
        padding: 1.35rem;
        border-radius: 20px;
    }
}


/* ── Bilgi Bankası (knowledgebase) — faz5 ── */
body#clean-theme-client.html-knowledgebase .kb-page-wrap {
    padding-top: max(7rem, calc(var(--primary-header-height, 6rem) + 1.5rem));
    padding-bottom: 4rem;
}
@media (max-width: 767.98px) {
    body#clean-theme-client.html-knowledgebase .kb-page-wrap {
        padding-top: max(6rem, calc(var(--primary-header-height, 5.5rem) + 1rem));
    }
}

/* Override system theme.css .bbbaslik { float:left } — must not affect kb layout */
body#clean-theme-client.html-knowledgebase .bbbaslik {
    float: none !important;
    margin-right: 0 !important;
}

/* Override Classic theme .breadcrumb { float:right } — detail page breadcrumb fix */
body#clean-theme-client.html-knowledgebase .breadcrumb {
    float: none !important;
}

/* Hero search area */
body#clean-theme-client.html-knowledgebase .kb-hero {
    background: linear-gradient(135deg, var(--bs-primary-bg-subtle, #e8f0fe) 0%, var(--bs-body-bg, #fff) 100%);
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    margin-bottom: 2rem;
}

/* Search button in knowledgebase hero */
body#clean-theme-client.html-knowledgebase #SearchForm .btn-primary {
    min-width: 3rem;
}

/* Sidebar card header */
body#clean-theme-client.html-knowledgebase .card-header {
    border-bottom: 1px solid var(--bs-border-color);
}

/* Sidebar card link hover */
body#clean-theme-client.html-knowledgebase .list-group-item-action:hover {
    background-color: var(--bs-secondary-bg);
}

/* Article list item - no left padding */
body#clean-theme-client.html-knowledgebase .list-group-item.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Article content spacing inside card */
body#clean-theme-client.html-knowledgebase .article-content {
    line-height: 1.75;
}

/* Sub-category cards hover */
body#clean-theme-client.html-knowledgebase .bbankakonu:hover {
    border-color: var(--bs-primary) !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

/* Voting bar */
body#clean-theme-client.html-knowledgebase .faydalimi .btn.sbtn {
    border-radius: 50px;
}

/* Article open-ticket alert */
body#clean-theme-client.html-knowledgebase .openticket {
    background-color: var(--bs-primary-bg-subtle) !important;
    border-color: var(--bs-primary-border-subtle) !important;
}
/* ── /Bilgi Bankası ── */


/* ── Haberler (news) — faz6 ── */
body#clean-theme-client.html-news .news-page-wrap {
    padding-top: max(7rem, calc(var(--primary-header-height, 6rem) + 1.5rem));
    padding-bottom: 4rem;
}

body#clean-theme-client.html-news {
    --classic-news-border: rgba(42, 98, 254, 0.13);
    --classic-news-muted: #667085;
    --classic-news-heading: #101828;
}

body#clean-theme-client.html-news .news-page-wrap > .row {
    align-items: flex-start;
}

body#clean-theme-client.html-news .news-detail-card,
body#clean-theme-client.html-news .news-sidebar-card,
body#clean-theme-client.html-news .news-card {
    overflow: hidden;
    border-color: var(--classic-news-border) !important;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    box-shadow: 0 18px 46px -34px rgba(15, 23, 42, 0.55) !important;
}

body#clean-theme-client.html-news .news-detail-head,
body#clean-theme-client.html-news .news-sidebar-head {
    padding: 1.05rem 1.35rem !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(135deg, rgba(42, 98, 254, 0.07), rgba(255, 255, 255, 0.92) 54%),
        #fff !important;
}

body#clean-theme-client.html-news .news-detail-head h5 {
    color: var(--classic-news-heading);
    font-size: clamp(1.35rem, 1.4vw + 0.8rem, 1.9rem);
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

body#clean-theme-client.html-news .news-detail-icon,
body#clean-theme-client.html-news .news-sidebar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.75rem;
    flex: 0 0 auto;
}

body#clean-theme-client.html-news .news-detail-icon {
    color: rgb(var(--bs-primary-rgb));
    background: rgba(var(--bs-primary-rgb), 0.12);
}

body#clean-theme-client.html-news .news-sidebar-icon {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.14);
}

body#clean-theme-client.html-news .news-detail-icon iconify-icon,
body#clean-theme-client.html-news .news-sidebar-icon iconify-icon {
    font-size: 1.15rem;
}

body#clean-theme-client.html-news .news-detail-body {
    padding: 1.45rem 1.5rem 1.7rem;
}

body#clean-theme-client.html-news .news-breadcrumb {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.28rem;
    float: none !important;
    width: auto;
    margin: 0;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: #f7f9fc;
    color: #8a94a6 !important;
    line-height: 1.25;
}

body#clean-theme-client.html-news .news-breadcrumb a {
    color: rgb(var(--bs-primary-rgb));
    font-weight: 700;
    text-decoration: none;
}

body#clean-theme-client.html-news .news-breadcrumb a:hover {
    text-decoration: underline;
}

body#clean-theme-client.html-news .news-detail-content {
    max-width: 74ch;
    color: var(--classic-news-muted);
    font-size: 1rem;
    line-height: 1.78;
}

body#clean-theme-client.html-news .news-detail-content p {
    margin-bottom: 1.15rem;
}

body#clean-theme-client.html-news .news-sidebar-card {
    position: sticky;
    top: calc(var(--primary-header-height, 6rem) + 1rem);
}

body#clean-theme-client.html-news .news-sidebar-head h6 {
    color: var(--classic-news-heading);
    font-size: 1.35rem;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

body#clean-theme-client.html-news .news-sidebar-list {
    gap: 0.35rem;
    padding: 0.55rem;
    background: transparent;
}

body#clean-theme-client.html-news .news-sidebar-link {
    border: 0 !important;
    border-radius: 0.8rem !important;
    padding: 0.72rem 0.75rem !important;
    color: var(--classic-news-muted);
    background: transparent;
    transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

body#clean-theme-client.html-news .news-sidebar-link iconify-icon {
    color: #f59e0b;
    font-size: 1rem;
}

body#clean-theme-client.html-news .news-sidebar-link .small {
    font-size: 0.9rem;
    line-height: 1.35;
}

body#clean-theme-client.html-news .news-sidebar-link:hover {
    background: rgba(var(--bs-primary-rgb), 0.08);
    color: var(--classic-news-heading);
    transform: translateX(2px);
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-news .news-page-wrap {
        padding-top: max(6rem, calc(var(--primary-header-height, 5.5rem) + 1rem));
    }
}

/* Override Classic theme .breadcrumb { float:right } on news detail */
body#clean-theme-client.html-news .breadcrumb {
    float: none !important;
}

/* Override .bbbaslik float */
body#clean-theme-client.html-news .bbbaslik {
    float: none !important;
    margin-right: 0 !important;
}

/* News card image hover */
body#clean-theme-client.html-news .news-card .card-img-top {
    transition: opacity 0.2s ease;
}
body#clean-theme-client.html-news .news-card:hover .card-img-top {
    opacity: 0.88;
}

/* Sidebar link hover */
body#clean-theme-client.html-news .list-group-item-action:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.08);
}

/* Article content */
body#clean-theme-client.html-news .article-content {
    line-height: 1.75;
}

@media (max-width: 991.98px) {
    body#clean-theme-client.html-news .news-sidebar-card {
        position: static;
    }
}

@media (max-width: 575.98px) {
    body#clean-theme-client.html-news .news-detail-head,
    body#clean-theme-client.html-news .news-sidebar-head {
        padding: 0.95rem 1rem !important;
    }

    body#clean-theme-client.html-news .news-detail-body {
        padding: 1.1rem 1rem 1.25rem;
    }
}
/* ── /Haberler ── */

/* ── Hakkimizda ── */
body#clean-theme-client.html-about .classic-about-panel {
    overflow: hidden;
}

body#clean-theme-client.html-about .classic-about-section-heading {
    max-width: 42rem;
    margin-bottom: 2rem;
}

body#clean-theme-client.html-about .classic-about-feature-card {
    display: flex;
    flex-direction: column;
}

body#clean-theme-client.html-about .classic-about-services-panel {
    overflow: hidden;
}

body#clean-theme-client.html-about .classic-about-services-panel h3 {
    font-size: clamp(2rem, 2vw, 2.75rem);
    line-height: 1.1;
}

body#clean-theme-client.html-about .classic-about-services-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

body#clean-theme-client.html-about .classic-about-service-group {
    padding-bottom: 1.35rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-about .classic-about-service-group + .classic-about-service-group {
    margin-top: 1.35rem;
}

body#clean-theme-client.html-about .classic-about-service-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

body#clean-theme-client.html-about .classic-about-service-list {
    margin: 0;
}

body#clean-theme-client.html-about .classic-about-mission-layout {
    max-width: 100%;
}

body#clean-theme-client.html-about .classic-about-mission-text {
    max-width: 62rem;
    margin-bottom: 2.25rem;
}

body#clean-theme-client.html-about .classic-about-goals-list {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 1rem 1.5rem !important;
}

body#clean-theme-client.html-about .classic-about-goals-list > li {
    min-width: 0;
}

@media (min-width: 992px) {
    body#clean-theme-client.html-about .classic-about-services-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 2.5rem;
    }

    body#clean-theme-client.html-about .classic-about-goals-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* ── /Hakkimizda ── */

/* ── Ticari Bilgiler ── */
body#clean-theme-client.html-commercial-info .classic-commercial-panel {
    overflow: hidden;
}

body#clean-theme-client.html-commercial-info .classic-commercial-heading {
    max-width: 70rem;
}

body#clean-theme-client.html-commercial-info .classic-commercial-heading p {
    max-width: 66rem;
}

body#clean-theme-client.html-commercial-info .classic-commercial-info-card {
    border: 1px solid rgba(15, 23, 42, 0.06);
}

body#clean-theme-client.html-commercial-info .classic-commercial-info-list {
    display: grid;
    gap: 0;
}

body#clean-theme-client.html-commercial-info .classic-commercial-info-item {
    display: grid;
    grid-template-columns: minmax(11rem, 16rem) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body#clean-theme-client.html-commercial-info .classic-commercial-info-item:first-child {
    padding-top: 0;
}

body#clean-theme-client.html-commercial-info .classic-commercial-info-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

body#clean-theme-client.html-commercial-info .classic-commercial-info-item dt {
    margin: 0;
    color: var(--bs-heading-color);
    font-weight: 700;
}

body#clean-theme-client.html-commercial-info .classic-commercial-info-item dd {
    min-width: 0;
    margin: 0;
    color: var(--bs-body-color);
}

@media (max-width: 767.98px) {
    body#clean-theme-client.html-commercial-info .classic-commercial-info-item {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }
}
/* ── /Ticari Bilgiler ── */

/* ── Home pricing cards ── */
body#clean-theme-client.html-home-3 .home-pricing-feature-list {
    width: 100%;
}

body#clean-theme-client.html-home-3 .home-pricing-feature-list > li {
    justify-content: flex-start;
    text-align: left;
}

body#clean-theme-client.html-home-3 .home-pricing-feature-list > li > span {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left !important;
}
/* ── /Home pricing cards ── */

/* Client-area header/body width lock. Keep the fixed navbar aligned with the panel shell. */
body#clean-theme-client.html-client-area {
    --ca-layout-max: 1320px;
    --ca-layout-gutter-x: 12px;
}

body#clean-theme-client.html-client-area .primary-header {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

body#clean-theme-client.html-client-area .primary-header > .container,
body#clean-theme-client.html-client-area .primary-header.primary-header--boxed > .container {
    width: min(var(--ca-layout-max), calc(100vw - (var(--ca-layout-gutter-x) * 2))) !important;
    max-width: none !important;
    padding-left: var(--ca-layout-gutter-x) !important;
    padding-right: var(--ca-layout-gutter-x) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body#clean-theme-client.html-client-area .primary-header .primary-header-shell {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Domain landing contrast guard */
body#clean-theme-client.html-domain-search .hero-7,
body#clean-theme-client.html-domain-transfer .hero-7 {
    background:
        radial-gradient(circle at 18% 12%, rgba(92, 101, 255, 0.42), transparent 34%),
        linear-gradient(180deg, #1537d8 -18%, #0d217f 84%) !important;
    color: #ffffff;
}

body#clean-theme-client.html-domain-search .hero-7 h1,
body#clean-theme-client.html-domain-search .hero-7 p,
body#clean-theme-client.html-domain-transfer .hero-7 h1,
body#clean-theme-client.html-domain-transfer .hero-7 p {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body#clean-theme-client.html-domain-search .hero-7 .btn-light,
body#clean-theme-client.html-domain-transfer .hero-7 .btn-light {
    color: #0f172a !important;
}

body#clean-theme-client.html-domain-search .hero-7 .list button,
body#clean-theme-client.html-domain-transfer .hero-7 .list button {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    color: #0f172a !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.12);
}

body#clean-theme-client.html-domain-search .hero-7 .list button span,
body#clean-theme-client.html-domain-transfer .hero-7 .list button span {
    color: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body#clean-theme-client.html-domain-search .hero-7 .list button:hover,
body#clean-theme-client.html-domain-search .hero-7 .list button:focus,
body#clean-theme-client.html-domain-transfer .hero-7 .list button:hover,
body#clean-theme-client.html-domain-transfer .hero-7 .list button:focus {
    background: #ffffff !important;
    color: #1f53e3 !important;
}

body#clean-theme-client.html-domain-search .step-section,
body#clean-theme-client.html-domain-transfer .step-section {
    background:
        radial-gradient(circle at 80% 15%, rgba(42, 98, 254, 0.44), transparent 32%),
        linear-gradient(180deg, #173fd5 -38%, #0d217f 90%) !important;
    color: #ffffff;
}

body#clean-theme-client.html-domain-search .step-section h3,
body#clean-theme-client.html-domain-search .step-section h6,
body#clean-theme-client.html-domain-search .step-section p,
body#clean-theme-client.html-domain-transfer .step-section h3,
body#clean-theme-client.html-domain-transfer .step-section h6,
body#clean-theme-client.html-domain-transfer .step-section p {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body#clean-theme-client.html-domain-search :where(.section-space-y, .section-space-top, .section-space-md-y) :where(h1, h2, h3, h4, h5, h6, p),
body#clean-theme-client.html-domain-transfer :where(.section-space-y, .section-space-top, .section-space-md-y) :where(h1, h2, h3, h4, h5, h6, p) {
    opacity: 1;
    visibility: visible;
}

body#clean-theme-client.html-domain-search #domain-search-hero,
body#clean-theme-client.html-domain-transfer #domain-search-hero {
    overflow: visible;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select {
    position: relative;
    z-index: 25;
    flex: 0 0 5.75rem;
    align-self: stretch;
    min-width: 5.75rem;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select.of-custom-select--ready > select,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select.of-custom-select--ready > select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__button,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    width: 100%;
    height: 100%;
    min-height: 2.75rem;
    padding: 0 0.7rem 0 0.95rem;
    border: 0;
    border-left: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0;
    background: transparent;
    color: #0f172a;
    font-family: inherit;
    font-size: 0.94rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__button:hover,
body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select.of-custom-select--open .of-custom-select__button,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__button:hover,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select.of-custom-select--open .of-custom-select__button {
    background: rgba(42, 98, 254, 0.06);
    color: #1f53e3;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__button:focus,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__button:focus {
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(42, 98, 254, 0.22);
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__label,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__icon,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1rem;
    color: #2a62fe;
    transition: transform 0.18s ease;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select.of-custom-select--open .of-custom-select__icon,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select.of-custom-select--open .of-custom-select__icon {
    transform: rotate(180deg);
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__menu,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__menu {
    position: absolute;
    top: calc(100% + 0.55rem);
    left: 0;
    z-index: 80;
    display: none;
    width: 100%;
    min-width: 7.25rem;
    max-height: 15rem;
    padding: 0.4rem;
    overflow-y: auto;
    border: 1px solid rgba(42, 98, 254, 0.14);
    border-radius: 14px;
    background: #ffffff;
    box-shadow:
        0 18px 42px rgba(15, 23, 42, 0.16),
        0 4px 14px rgba(42, 98, 254, 0.08);
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select.of-custom-select--open .of-custom-select__menu,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select.of-custom-select--open .of-custom-select__menu {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__option,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__option {
    width: 100%;
    min-height: 2.35rem;
    padding: 0.55rem 0.7rem;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #334155;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__option:hover,
body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__option:focus,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__option:hover,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__option:focus {
    outline: none;
    background: rgba(42, 98, 254, 0.08);
    color: #1f53e3;
}

body#clean-theme-client.html-domain-search #domain-search-hero .domain-tld-select .of-custom-select__option.is-selected,
body#clean-theme-client.html-domain-transfer #domain-search-hero .domain-tld-select .of-custom-select__option.is-selected {
    background: linear-gradient(135deg, #eef4ff 0%, #f8fbff 100%);
    color: #03063a;
    box-shadow: inset 3px 0 0 #2a62fe;
}