@font-face {
        font-family: 'Plus Jakarta Sans';
        src: url('../font/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
        font-weight: 100 900;
        font-style: normal;
        font-display: swap;
    }

    /*
     * Keep module visuals isolated from aggressive theme overrides.
     * The wrapper adds an extra level of specificity and forces the
     * module's own font stack and layout primitives to take priority.
     */
    .hdo-style-scope {
        --hdo-font-stack: 'Plus Jakarta Sans', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    }
    .hdo-style-scope .hdo-shell,
    .hdo-style-scope .hdo-shell *,
    .hdo-style-scope .hdo-whmcs-shell,
    .hdo-style-scope .hdo-whmcs-shell * {
        font-family: var(--hdo-font-stack) !important;
        box-sizing: border-box;
    }
    .hdo-style-scope .hdo-shell {
        background: linear-gradient(180deg, #0a2b6d 0%, #0f4798 60%, #0f5fb7 100%) !important;
        border-radius: 18px !important;
        padding: 18px !important;
        box-shadow: 0 18px 42px rgba(8, 39, 96, 0.35) !important;
        color: #fff !important;
        position: relative !important;
        overflow: hidden !important;
        font-family: var(--hdo-font-stack) !important;
    }
    .hdo-style-scope .hdo-shell:before {
        content: "";
        position: absolute;
        inset: 14px;
        border-radius: 14px;
        background: #f5f8fd;
        z-index: 0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 12px 34px rgba(0,0,0,0.14);
    }
    .hdo-style-scope .hdo-header {
        background: linear-gradient(120deg, #11c9b8, #1aa5ff) !important;
        color: #fff !important;
        border-radius: 12px !important;
        padding: 18px 20px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin-bottom: 14px !important;
        box-shadow: 0 16px 36px rgba(15, 133, 224, 0.32) !important;
    }
    .hdo-style-scope .hdo-search-card {
        background: #fff !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        border: 1px solid #d7e3f4 !important;
        box-shadow: 0 12px 26px rgba(0,0,0,0.08) !important;
        margin-bottom: 12px !important;
    }
    .hdo-style-scope .hdo-search-row {
        margin: 0 !important;
        display: flex !important;
        gap: 0 !important;
        align-items: stretch !important;
        flex-wrap: wrap !important;
    }
    .hdo-style-scope .hdo-form-control {
        display: block !important;
        width: 100% !important;
        padding: .375rem .75rem !important;
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        border: 1px solid #ced4da !important;
        color: #495057 !important;
        background-color: #fff !important;
        border-radius: .45rem !important;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
        height: calc(2.2em + .75rem + 2px) !important;
    }
    .hdo-style-scope .hdo-results-grid {
        display: grid !important;
        grid-template-columns: 1.7fr 0.9fr !important;
        gap: 16px !important;
    }
    .hdo-style-scope .hdo-result-card {
        background: #fff !important;
        border: 1px solid #e5ebf2 !important;
        border-radius: 12px !important;
        box-shadow: 0 12px 28px rgba(17, 35, 52, 0.12) !important;
    }
    .hdo-shell,
    .hdo-shell *,
    .hdo-whmcs-shell,
    .hdo-whmcs-shell * {
        font-family: 'Plus Jakarta Sans', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    }

    .hdo-shell {
        background: linear-gradient(180deg, #0a2b6d 0%, #0f4798 60%, #0f5fb7 100%);
        border-radius: 18px;
        padding: 18px;
        box-shadow: 0 18px 42px rgba(8, 39, 96, 0.35);
        color: #fff;
        position: relative;
        overflow: hidden;
        font-family: 'Plus Jakarta Sans', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    }
    .hdo-shell:before {
        content: "";
        position: absolute;
        inset: 14px;
        border-radius: 14px;
        background: #f5f8fd;
        z-index: 0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 12px 34px rgba(0,0,0,0.14);
    }
    .hdo-header {
        position: relative;
        z-index: 1;
        background: linear-gradient(120deg, #11c9b8, #1aa5ff);
        color: #fff;
        border-radius: 12px;
        padding: 18px 20px;
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 14px;
        box-shadow: 0 16px 36px rgba(15, 133, 224, 0.32);
    }
    .hdo-header i {
        font-size: 24px;
    }
    .hdo-header h2 { margin: 0; font-weight: 700; letter-spacing: 0.2px; }
    .hdo-header small { opacity: 0.9; }
    .hdo-search-card {
        position: relative;
        z-index: 1;
        background: #fff;
        border-radius: 12px;
        padding: 14px 16px;
        border: 1px solid #d7e3f4;
        box-shadow: 0 12px 26px rgba(0,0,0,0.08);
        margin-bottom: 12px;
    }
    .hdo-search-row {
        margin: 0;
        display: flex;
        gap: 0;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .hdo-search-row .hdo-search-field { margin-bottom: 10px; }

    .hdo-search-row .hdo-action-col {
        display: flex !important;
        align-items: center;
        padding: 0;
    }

    .hdo-search-row .hdo-action-col .btn {
        width: auto !important;
        white-space: nowrap;
    }

    .hdo-style-scope .hdo-btn-search,
    .hdo-style-scope .hdo-btn-settings {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 10px 16px !important;
        border-radius: 10px !important;
        font-weight: 600 !important;
        height: 100% !important;
        min-height: 46px !important;
        box-shadow: none !important;
    }

    .hdo-form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        border: 1px solid #ced4da;
        color: #495057;
        background-color: #fff;
        border-radius: .45rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        height: calc(2.2em + .75rem + 2px);
    }

    .hdo-form-control:focus {
        box-shadow: none;
        border-color: #79a6d2;
        outline: 0;
        border: 1px solid #ced4da;
    }

    .hdo-form-control.hdo-textarea {
        height: auto;
        min-height: 120px;
        resize: vertical;
    }
    .hdo-results-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.9fr 0.8fr; gap: 16px; }
    @media (max-width: 992px) { .hdo-results-grid { grid-template-columns: 1fr; } }
    .hdo-result-card { background: #fff; border: 1px solid #e5ebf2; border-radius: 12px; overflow: hidden; box-shadow: 0 12px 28px rgba(17, 35, 52, 0.12); }
    .hdo-card-heading { background: #f8fbff; border-bottom: 1px solid #e5ebf2; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .hdo-card-heading strong { color: #1a2b3d; }
    .hdo-table { margin: 0; }
    .hdo-table > thead > tr > th { border-bottom: 1px solid #e5ebf2; color: #4a5b70; }
    .hdo-table > tbody > tr > td { vertical-align: middle !important; }
    .hdo-domain-name { font-size: 15px; font-weight: 700; color: #102a43; }
    .hdo-pill { display: inline-block; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 700; margin-right:6px; margin-top: 4px; }
    .hdo-pill-muted { background: #e6edf5; color: #5a6d85; }
    .hdo-status-col { text-align: center; }
    .hdo-price-col { text-align: center; }
    .hdo-process-col { text-align: center; }
    .hdo-process-col > small,
    .hdo-process-col > strong { display: block; text-align: center; }
    .hdo-price-col > small,
    .hdo-price-col > strong { display: block; text-align: center; }
    .hdo-status { border-radius: 12px; padding: 6px 10px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; justify-content: center; }
    .hdo-status.available { background: #e6f6ef; color: #0a8f4d; }
    .hdo-status.taken { background: #fdeceb; color: #cc2a2a; }
    .hdo-status.unknown { background: #eef2f7; color: #637186; }
    .hdo-price { font-weight: 700; color: #0a7cff; }
    .hdo-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
    .hdo-summary { background: #fff; border: 1px solid #e5ebf2; border-radius: 12px; padding: 14px 16px; box-shadow: 0 10px 24px rgba(0,0,0,0.08); }
    .hdo-summary h4 { margin-top: 0; font-weight: 700; color: #112542; }
    .hdo-summary-list { list-style: none; padding: 0; margin: 10px 0 0; }
    .hdo-summary-list li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed #e5ebf2; font-weight: 600; color: #1a2b3d; }
    .hdo-summary-list li:last-child { border-bottom: none; }
    .hdo-cart-item { border: 1px solid #e5ebf2; border-radius: 10px; padding: 10px 12px; display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 10px; background: linear-gradient(90deg, #f9fbff 0%, #f2f7ff 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.7); }
    .hdo-cart-item strong { color: #102a43; }
    .hdo-remove { color: #c33; cursor: pointer; }
    .hdo-remove.is-disabled { opacity: 0.5; pointer-events: none; }
    .hdo-empty { padding: 8px; border: 1px dashed #d3dbe7; border-radius: 10px; text-align: center; color: #6a7b91; background: #f8fbff; }
    .hdo-whmcs-shell {
        background: radial-gradient(circle at 20% 20%, rgba(48, 154, 255, 0.2), transparent 35%),
            radial-gradient(circle at 80% 0%, rgba(0, 236, 188, 0.18), transparent 30%),
            linear-gradient(180deg, #071c5e 0%, #0a3a92 55%, #0e52c5 100%) !important;
        border-radius: 18px !important;
        padding: 18px !important;
        box-shadow: 0 18px 50px rgba(4, 36, 90, 0.35) !important;
        color: #fff !important;
        position: relative;
        overflow: visible;
        --hdo-action-search-bg: #0d6efd;
        --hdo-action-search-text: #ffffff;
        --hdo-action-search-hover-bg: #0d6efd;
        --hdo-action-search-hover-text: #ffffff;
        --hdo-action-search-active-bg: #0d6efd;
        --hdo-action-search-active-text: #ffffff;
        --hdo-action-settings-bg: #f8f9fa;
        --hdo-action-settings-text: #0f172a;
        --hdo-action-settings-hover-bg: #f8f9fa;
        --hdo-action-settings-hover-text: #0f172a;
        --hdo-action-settings-active-bg: #e2e8f0;
        --hdo-action-settings-active-text: #0f172a;
        --hdo-action-save-bg: #28a745;
        --hdo-action-save-text: #ffffff;
        --hdo-action-save-hover-bg: #28a745;
        --hdo-action-save-hover-text: #ffffff;
        --hdo-action-save-active-bg: #28a745;
        --hdo-action-save-active-text: #ffffff;
        --hdo-action-transfer-bg: #0dcaf0;
        --hdo-action-transfer-text: #0f172a;
        --hdo-action-transfer-hover-bg: #0dcaf0;
        --hdo-action-transfer-hover-text: #0f172a;
        --hdo-action-transfer-active-bg: #0dcaf0;
        --hdo-action-transfer-active-text: #0f172a;
        --hdo-action-checkout-bg: #28a745;
        --hdo-action-checkout-text: #ffffff;
        --hdo-action-checkout-hover-bg: #28a745;
        --hdo-action-checkout-hover-text: #ffffff;
        --hdo-action-checkout-active-bg: #28a745;
        --hdo-action-checkout-active-text: #ffffff;
        --hdo-action-more-bg: #0d6efd;
        --hdo-action-more-text: #ffffff;
        --hdo-action-more-hover-bg: #0d6efd;
        --hdo-action-more-hover-text: #ffffff;
        --hdo-action-more-active-bg: #16a7ff;
        --hdo-action-more-active-text: #ffffff;
        --hdo-action-more-highlight: #2a8dff;
        font-family: 'Plus Jakarta Sans', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif !important;
    }
    .hdo-shell-minimal {
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
        color: inherit !important;
    }
    .hdo-whmcs-shell:before {
        content: "";
        position: absolute;
        inset: 12px;
        border-radius: 14px !important;
        background: #f5f8fd !important;
        z-index: 0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 12px 36px rgba(0, 0, 0, 0.12);
    }
    .hdo-shell-minimal:before { display: none; }
    .hdo-hero-banner {
        position: relative;
        z-index: 1;
        background: linear-gradient(110deg, #0fb5a9, #1aa5ff) !important;
        color: #fff !important;
        border-radius: 14px !important;
        padding: 18px 20px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 14px;
        box-shadow: 0 18px 40px rgba(15, 133, 224, 0.35) !important;
    }
    .hdo-hero-banner > div:first-child { flex: 1 1 auto; min-width: 0; }
    .hdo-hero-banner h2 { margin: 0 0 4px; font-weight: 700; letter-spacing: 0.2px; font-size: 24px; }
    .hdo-hero-title { font-size: var(--hdo-hero-title-size, 26px) !important; line-height: 1.25 !important; }
    .hdo-hero-banner small { opacity: 0.9; font-size: 14px; line-height: 1.6; }
    .hdo-hero-custom {
        background: var(--hdo-hero-bg, linear-gradient(110deg, #0fb5a9, #1aa5ff)) !important;
        color: var(--hdo-hero-text, #ffffff) !important;
        font-family: var(--hdo-hero-font, inherit);
        box-shadow: 0 18px 40px rgba(15, 133, 224, 0.35) !important;
    }
    .hdo-hero-custom h2,
    .hdo-hero-custom small { color: var(--hdo-hero-text, #ffffff) !important; }
    .hdo-hero-custom h2 { font-size: var(--hdo-hero-title-size, 26px); }
    .hdo-hero-custom .hdo-hero-subtitle { font-size: var(--hdo-hero-subtitle-size, 14px); }
    .hdo-hero-subtitle { display: block; overflow: hidden; }
    .hdo-hero-badge {
        padding: 10px 14px;
        border-radius: 16px;
        font-size: var(--hdo-hero-badge-size, 12px);
        font-weight: 700;
        background: var(--hdo-hero-badge-bg, #16a34a);
        color: var(--hdo-hero-badge-text, #ffffff);
        box-shadow: 0 10px 24px rgba(0,0,0,0.12);
        flex-shrink: 0;
    }
    .hdo-owl-marquee { display: block; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); width: 100%; }
    .hdo-owl-track { display: flex; align-items: center; gap: 16px; animation: hdo-owl-slide var(--hdo-owl-speed, 18s) linear infinite; }
    .hdo-owl-item { flex: 0 0 auto; min-width: 100%; white-space: nowrap; }
    @keyframes hdo-owl-slide {
        0% { transform: translateX(0); }
        100% { transform: translateX(-100%); }
    }

    #hdo-popular-section {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.35s ease, opacity 0.35s ease;
    }

    #hdo-popular-section.is-visible {
        max-height: 600px;
        opacity: 1;
        margin-top: 10px;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-search,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-search,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-primary.hdo-btn-search,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="search"] {
        background: var(--hdo-action-search-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-bg, #0d6efd) !important;
        color: var(--hdo-action-search-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-search:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-search:focus,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-search:hover,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-search:focus,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-primary.hdo-btn-search:hover,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-primary.hdo-btn-search:focus,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="search"]:hover,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="search"]:focus {
        background: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        color: var(--hdo-action-search-hover-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-search:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-search:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-search:active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-search:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-primary.hdo-btn-search:active,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-primary.hdo-btn-search:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="search"]:active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="search"]:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-search-active-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-active-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-active-bg, #0d6efd) !important;
        color: var(--hdo-action-search-active-text, #ffffff) !important;
    }

    /*
     * Harden search & settings buttons against theme CSS overriding
     * hover/active states by increasing selector specificity within
     * the search row container.
     */
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-search,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-search,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="search"] {
        background: var(--hdo-action-search-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-bg, #0d6efd) !important;
        color: var(--hdo-action-search-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-search:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-search:focus,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-search:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-search:focus,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search:focus,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="search"]:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="search"]:focus {
        background: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        color: var(--hdo-action-search-hover-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-search:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-search:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-search:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-search:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="search"]:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="search"]:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-search-active-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-active-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-active-bg, #0d6efd) !important;
        color: var(--hdo-action-search-active-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-settings,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-settings,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-default.hdo-btn-settings,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-secondary.hdo-btn-settings,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="settings"] {
        background: var(--hdo-action-settings-bg, #f8f9fa) !important;
        background-color: var(--hdo-action-settings-bg, #f8f9fa) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-bg, #f8f9fa) !important;
        color: var(--hdo-action-settings-text, #0f172a) !important;
        box-shadow: none !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-settings:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-settings:focus,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-settings:hover,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-settings:focus,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-default.hdo-btn-settings:hover,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-default.hdo-btn-settings:focus,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-secondary.hdo-btn-settings:hover,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-secondary.hdo-btn-settings:focus,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="settings"]:hover,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="settings"]:focus {
        background: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        background-color: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        color: var(--hdo-action-settings-hover-text, #0f172a) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-settings:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-settings:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-settings:active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-settings:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-default.hdo-btn-settings:active,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-default.hdo-btn-settings:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-secondary.hdo-btn-settings:active,
    .hdo-style-scope .hdo-whmcs-shell .btn.btn-secondary.hdo-btn-settings:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="settings"]:active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="settings"]:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        background-color: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        color: var(--hdo-action-settings-active-text, #0f172a) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-settings,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-settings,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="settings"] {
        background: var(--hdo-action-settings-bg, #f8f9fa) !important;
        background-color: var(--hdo-action-settings-bg, #f8f9fa) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-bg, #f8f9fa) !important;
        color: var(--hdo-action-settings-text, #0f172a) !important;
        margin-left: 5px !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-settings:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-settings:focus,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-settings:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-settings:focus,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings:focus,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings:focus,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="settings"]:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="settings"]:focus {
        background: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        background-color: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        color: var(--hdo-action-settings-hover-text, #0f172a) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-settings:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .hdo-btn-settings:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-settings:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.hdo-btn-settings:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="settings"]:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-search-row .hdo-action-col [data-hdo-action="settings"]:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        background-color: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        color: var(--hdo-action-settings-active-text, #0f172a) !important;
    }

    /*
     * Final layer of specificity for host themes that attach ID-level
     * selectors (e.g. #order-standard_cart .btn-primary).
     * This keeps search + settings + save actions faithful to module
     * color tokens even when theme CSS ships later with !important.
     */
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-search,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-search,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="search"] {
        background: var(--hdo-action-search-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-bg, #0d6efd) !important;
        color: var(--hdo-action-search-text, #ffffff) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-search:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-search:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-search:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-search:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="search"]:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="search"]:focus {
        background: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-hover-bg, #0d6efd) !important;
        color: var(--hdo-action-search-hover-text, #ffffff) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-search:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-search:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-search:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-search:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-primary.hdo-btn-search:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="search"]:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="search"]:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-search-active-bg, #0d6efd) !important;
        background-color: var(--hdo-action-search-active-bg, #0d6efd) !important;
        background-image: none !important;
        border-color: var(--hdo-action-search-active-bg, #0d6efd) !important;
        color: var(--hdo-action-search-active-text, #ffffff) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-settings,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-settings,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="settings"] {
        background: var(--hdo-action-settings-bg, #f8f9fa) !important;
        background-color: var(--hdo-action-settings-bg, #f8f9fa) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-bg, #f8f9fa) !important;
        color: var(--hdo-action-settings-text, #0f172a) !important;
        margin-left: 5px !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-settings:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-settings:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-settings:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-settings:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="settings"]:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="settings"]:focus {
        background: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        background-color: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-hover-bg, #f8f9fa) !important;
        color: var(--hdo-action-settings-hover-text, #0f172a) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-settings:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .hdo-btn-settings:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-settings:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.hdo-btn-settings:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-default.hdo-btn-settings:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col .btn.btn-secondary.hdo-btn-settings:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="settings"]:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-search-card .hdo-search-row .hdo-action-col [data-hdo-action="settings"]:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        background-color: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        background-image: none !important;
        border-color: var(--hdo-action-settings-active-bg, #e2e8f0) !important;
        color: var(--hdo-action-settings-active-text, #0f172a) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .hdo-btn-save,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .btn.hdo-btn-save,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns [data-hdo-action="save"] {
        background: var(--hdo-action-save-bg, #28a745) !important;
        background-color: var(--hdo-action-save-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-save-bg, #28a745) !important;
        color: var(--hdo-action-save-text, #ffffff) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .hdo-btn-save:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .hdo-btn-save:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .btn.hdo-btn-save:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .btn.hdo-btn-save:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns [data-hdo-action="save"]:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns [data-hdo-action="save"]:focus {
        background: var(--hdo-action-save-hover-bg, #28a745) !important;
        background-color: var(--hdo-action-save-hover-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-save-hover-bg, #28a745) !important;
        color: var(--hdo-action-save-hover-text, #ffffff) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .hdo-btn-save:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .hdo-btn-save:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .btn.hdo-btn-save:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns .btn.hdo-btn-save:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns [data-hdo-action="save"]:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-cta-btns [data-hdo-action="save"]:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-save-active-bg, #28a745) !important;
        background-color: var(--hdo-action-save-active-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-save-active-bg, #28a745) !important;
        color: var(--hdo-action-save-active-text, #ffffff) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"],
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn {
        background: var(--hdo-action-checkout-bg, #28a745) !important;
        background-color: var(--hdo-action-checkout-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-checkout-bg, #28a745) !important;
        color: var(--hdo-action-checkout-text, #ffffff) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"]:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"]:focus,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn:hover,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn:focus {
        background: var(--hdo-action-checkout-hover-bg, #28a745) !important;
        background-color: var(--hdo-action-checkout-hover-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-checkout-hover-bg, #28a745) !important;
        color: var(--hdo-action-checkout-hover-text, #ffffff) !important;
    }

    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"]:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"]:not(:disabled):not(.disabled).active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn:active,
    body#order-standard_cart .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-checkout-active-bg, #28a745) !important;
        background-color: var(--hdo-action-checkout-active-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-checkout-active-bg, #28a745) !important;
        color: var(--hdo-action-checkout-active-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-save,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-save,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="save"] {
        background: var(--hdo-action-save-bg, #28a745) !important;
        background-color: var(--hdo-action-save-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-save-bg, #28a745) !important;
        color: var(--hdo-action-save-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-save:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-save:focus,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-save:hover,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-save:focus,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="save"]:hover,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="save"]:focus {
        background: var(--hdo-action-save-hover-bg, #28a745) !important;
        background-color: var(--hdo-action-save-hover-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-save-hover-bg, #28a745) !important;
        color: var(--hdo-action-save-hover-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-save:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-save:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-save:active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-save:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="save"]:active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="save"]:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-save-active-bg, #28a745) !important;
        background-color: var(--hdo-action-save-active-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-save-active-bg, #28a745) !important;
        color: var(--hdo-action-save-active-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-transfer,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-transfer,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="transfer"] {
        background-color: var(--hdo-action-transfer-bg, #0dcaf0) !important;
        border-color: var(--hdo-action-transfer-bg, #0dcaf0) !important;
        color: var(--hdo-action-transfer-text, #0f172a) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-transfer:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-transfer:focus,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-transfer:hover,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-transfer:focus,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="transfer"]:hover,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="transfer"]:focus {
        background-color: var(--hdo-action-transfer-hover-bg, #0dcaf0) !important;
        border-color: var(--hdo-action-transfer-hover-bg, #0dcaf0) !important;
        color: var(--hdo-action-transfer-hover-text, #0f172a) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-transfer:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-transfer:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-transfer:active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-transfer:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="transfer"]:active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="transfer"]:not(:disabled):not(.disabled).active {
        background-color: var(--hdo-action-transfer-active-bg, #0dcaf0) !important;
        border-color: var(--hdo-action-transfer-active-bg, #0dcaf0) !important;
        color: var(--hdo-action-transfer-active-text, #0f172a) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"],
    .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn {
        background: var(--hdo-action-checkout-bg, #28a745) !important;
        background-color: var(--hdo-action-checkout-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-checkout-bg, #28a745) !important;
        color: var(--hdo-action-checkout-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout:hover,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout:focus,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout:hover,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout:focus,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"]:hover,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"]:focus,
    .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn:hover,
    .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn:focus {
        background: var(--hdo-action-checkout-hover-bg, #28a745) !important;
        background-color: var(--hdo-action-checkout-hover-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-checkout-hover-bg, #28a745) !important;
        color: var(--hdo-action-checkout-hover-text, #ffffff) !important;
    }

    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout:active,
    .hdo-style-scope .hdo-whmcs-shell .hdo-btn-checkout:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout:active,
    .hdo-style-scope .hdo-whmcs-shell .btn.hdo-btn-checkout:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"]:active,
    .hdo-style-scope .hdo-whmcs-shell [data-hdo-action="checkout"]:not(:disabled):not(.disabled).active,
    .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn:active,
    .hdo-style-scope .hdo-whmcs-shell #hdo-pay-btn:not(:disabled):not(.disabled).active {
        background: var(--hdo-action-checkout-active-bg, #28a745) !important;
        background-color: var(--hdo-action-checkout-active-bg, #28a745) !important;
        background-image: none !important;
        border-color: var(--hdo-action-checkout-active-bg, #28a745) !important;
        color: var(--hdo-action-checkout-active-text, #ffffff) !important;
    }
    .hdo-search-form {
        position: relative;
        z-index: 1;
        background: #fff !important;
        border-radius: 14px !important;
        padding: 16px !important;
        border: 1px solid #d7e3f4 !important;
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08) !important;
    }
    .hdo-search-form label { font-weight: 700 !important; color: #1a2b3d !important; }
    .hdo-search-form textarea { resize: vertical !important; }
    .hdo-search-form .btn { box-shadow: 0 10px 24px rgba(26, 165, 255, 0.28) !important; border-radius: 10px !important; }
    .hdo-tld-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin-top: 10px; }
    .hdo-tld-chip { background: #f5f8fc !important; border: 1px solid #d7e3f4 !important; border-radius: 10px !important; padding: 8px 10px !important; display: flex; align-items: center; gap: 8px; font-weight: 600 !important; color: #1a2b3d !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6) !important; }
    .hdo-tld-chip input { margin: 0; }
.hdo-section-title { font-weight: 700; color: #1a2b3d; margin: 16px 0 10px; }
.hdo-section-title-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.hdo-select-toggle { padding: 4px 0; font-weight: 700; color: #1a79ff; text-decoration: none; }
.hdo-select-toggle:hover, .hdo-select-toggle:focus { color: #125dbf; text-decoration: underline; }
    .hdo-results-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.7fr 0.9fr; gap: 16px; margin-top: 18px; }
    @media (max-width: 992px) { .hdo-results-grid { grid-template-columns: 1fr; } }
    .hdo-result-card { background: #fff !important; border: 1px solid #e5ebf2 !important; border-radius: 12px !important; overflow: visible; box-shadow: 0 12px 28px rgba(17, 35, 52, 0.12) !important; opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
    .table-responsive { overflow: visible; }
    .hdo-result-card.is-visible { opacity: 1; transform: translateY(0); }
    .hdo-card-heading { background: #f8fbff !important; border-bottom: 1px solid #e5ebf2 !important; padding: 12px 16px !important; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
    .hdo-card-heading strong { color: #1a2b3d !important; font-size: 15px; }
    .hdo-table { margin: 0; }
    .hdo-table > thead > tr > th { border-bottom: 1px solid #e5ebf2 !important; color: #4a5b70 !important; font-weight: 700 !important; font-size: var(--hdo-result-header-size, 13px); }
    .hdo-table > tbody > tr > td { vertical-align: middle !important; }
    .hdo-result-row { opacity: 0; transform: translateY(8px); transition: opacity 0.4s ease, transform 0.4s ease; position: relative; z-index: 0; }
    .hdo-result-row.is-visible { opacity: 1; transform: translateY(0); }
    /*
     * Keep dropdown menus above the pagination CTA ("Daha fazla" button).
     * A higher stacking context on the active row prevents the load-more
     * button from covering the expanded year selector at the bottom of the list.
     */
    .hdo-result-row.has-open-dropdown { z-index: 120; }
    .hdo-domain-name { font-size: var(--hdo-result-domain-size, 15px); font-weight: 700 !important; color: #102a43 !important; }
    .hdo-pill { display: inline-block; padding: 4px 10px; border-radius: 12px !important; font-size: 12px; font-weight: 700 !important; margin-right: 6px; margin-top: 4px; }
    .hdo-pill-muted { background: #e6edf5 !important; color: #5a6d85 !important; }
    .hdo-price strong { display: block; font-size: var(--hdo-result-price-size, 16px); color: #0a7cff !important; }
    .hdo-price small { color: #6a7b91 !important; text-transform: uppercase; letter-spacing: 0.5px; display: block; font-size: var(--hdo-result-price-label-size, 12px); }
    .hdo-discount-info { display: inline-flex; align-items: center; gap: 4px; margin-right: 6px; position: relative; color: #0a7cff; cursor: help; font-size: 13px; }
    .hdo-discount-info .fa { font-size: 16px; }
    .hdo-discount-tooltip { position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 10px); background: #0f172a; color: #fff; padding: 8px 10px; border-radius: 10px; box-shadow: 0 10px 24px rgba(0,0,0,0.18); font-size: 12px; line-height: 1.4; min-width: 220px; max-width: 260px; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 20; }
    .hdo-discount-tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 6px; border-style: solid; border-color: #0f172a transparent transparent transparent; }
    .hdo-discount-info:hover .hdo-discount-tooltip,
    .hdo-discount-info:focus-within .hdo-discount-tooltip { opacity: 1; visibility: visible; }
    .hdo-status { border-radius: 12px !important; padding: 6px 10px !important; font-weight: 700 !important; display: inline-flex; align-items: center; gap: 6px; font-size: var(--hdo-result-status-size, 13px) !important; }
    .hdo-status.available { background: #e6f6ef !important; color: #0a8f4d !important; }
    .hdo-status.taken { background: #fdeceb !important; color: #cc2a2a !important; }
    .hdo-status.unknown { background: #eef2f7 !important; color: #637186 !important; }
    .hdo-cta-btns { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
    .hdo-cta-btns .btn,
    .hdo-cta-btns .hdo-year-toggle { min-width: 120px; padding: 8px 14px !important; margin: 0 !important; font-size: var(--hdo-action-button-size, 13px) !important; }
    .hdo-cart-shell { background: #fff !important; border: 1px solid #e5ebf2 !important; border-radius: 12px !important; padding: 14px 16px !important; box-shadow: 0 10px 24px rgba(0,0,0,0.08) !important; margin-bottom: 12px; }
    .hdo-cart-shell h4 { margin-top: 0; font-weight: 700; color: #112542; font-size: var(--hdo-cart-title-size, 20px) !important; }
    .hdo-summary-list { list-style: none; padding: 0; margin: 0; }
    .hdo-summary-list li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed #e5ebf2; font-size: var(--hdo-cart-text-size, 13px) !important; }
    .hdo-summary-list li:last-child { border-bottom: none; }
    #hdo-pay-btn { width: 100%; font-size: var(--hdo-checkout-size, 16px) !important; }
    .hdo-suggestion-badge { display: inline-block; background: #f0f5ff; color: #1a2b3d; border-radius: 10px; margin-top: 10px; padding: 6px 10px; margin: 4px 4px 0 0; border: 1px solid #d8e3f7; font-size: var(--hdo-suggestion-size, 12px); }
    .hdo-cart-list { list-style: none; padding: 0; margin: 0; }
    .hdo-cart-item { border: 1px solid #e5ebf2 !important; border-radius: 10px !important; padding: 10px 12px !important; margin-top: 20px; display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 10px; background: linear-gradient(90deg, #f9fbff 0%, #f2f7ff 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.7) !important; font-size: var(--hdo-cart-text-size, 13px) !important; }
    .hdo-price-bars { display: flex; gap: 2px; height: 12px; align-items: flex-end; }
    .hdo-price-bars span { display: block; width: 6px; border-radius: 3px; }
    .hdo-price-bars .bar-1 { height: 8px; background: #1aa5ff; }
    .hdo-price-bars .bar-2 { height: 12px; background: #0fb5a9; }
    .hdo-price-bars .bar-3 { height: 10px; background: #fac546; }
    .hdo-price-bars .bar-4 { height: 6px; background: #6b7c93; }
    .hdo-cart-amount { text-align: right; }
    .hdo-cart-amount strong { display: block; font-size: var(--hdo-cart-amount-size, 15px) !important; color: #0a7cff !important; }
    .hdo-cart-amount small { color: #6a7b91 !important; font-size: var(--hdo-cart-text-size, 13px) !important; }
    .hdo-remove { color: #c33 !important; cursor: pointer; }
    .hdo-remove.is-disabled { opacity: 0.5; pointer-events: none; }
    .hdo-empty-cart { padding: 8px; border: 1px dashed #d3dbe7 !important; border-radius: 10px !important; text-align: center; color: #6a7b91 !important; margin-top: 20px; margin-bottom: 10px; background: #f8fbff !important; font-size: var(--hdo-empty-cart-size, 13px) !important; }
    .hdo-domain-row { display: flex; align-items: center; justify-content: flex-start; gap: 20px; }
    .hdo-badge-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: flex-end; }
    .hdo-badge { font-size: var(--hdo-result-badge-size, 11px); font-weight: 700 !important; padding: 4px 10px; border-radius: 12px !important; color: #fff !important; display: inline-flex; align-items: center; gap: 4px; position: relative; }
    .hdo-badge.has-tooltip { cursor: help; }
    .hdo-badge-tooltip {
        position: absolute;
        left: 50%;
        bottom: calc(100% + 8px);
        transform: translate(-50%, 4px);
        background: #0f172a;
        color: #ffffff;
        padding: 6px 10px;
        border-radius: 8px;
        font-size: 11px;
        line-height: 1.4;
        min-width: 120px;
        max-width: 220px;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.15s ease, transform 0.15s ease;
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
        z-index: 20;
    }
    .hdo-badge-tooltip::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: #0f172a transparent transparent transparent;
    }
    .hdo-badge.has-tooltip:hover .hdo-badge-tooltip,
    .hdo-badge.has-tooltip:focus .hdo-badge-tooltip {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
    }
    .badge-green { background: linear-gradient(135deg, #0fb5a9, #0aa06e) !important; }
    .badge-purple { background: linear-gradient(135deg, #8f73ff, #6d4bff) !important; }
    .badge-orange { background: linear-gradient(135deg, #f6a623, #f76b1c) !important; }
    .badge-sky { background: linear-gradient(135deg, #1aa5ff, #28d7ff) !important; }
    .badge-gray { background: #d4dce7 !important; color: #445060 !important; }
    .hdo-cta-cell { position: relative; overflow: visible; }
    .hdo-action-dropdown { position: relative; z-index: 3; }
    .hdo-year-toggle { display: inline-flex; align-items: center; gap: 6px; }
    .hdo-year-toggle i { font-size: 12px; }
    .hdo-year-menu { position: absolute; top: calc(100% + 6px); left: 0; background: #fff !important; border: 1px solid #e5ebf2 !important; box-shadow: 0 14px 32px rgba(17,35,52,0.18) !important; border-radius: 10px !important; padding: 6px; min-width: 210px; display: none; z-index: 9999; }
    .hdo-year-menu.is-open { display: block; }
    .hdo-year-option { width: 100%; border: none; background: transparent; display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border-radius: 8px !important; font-weight: 600 !important; color: #1a2b3d !important; font-size: var(--hdo-year-option-size, 13px) !important; }
    .hdo-year-option strong { color: #0a7cff !important; font-size: var(--hdo-year-price-size, 13px) !important; }
    .hdo-year-option:hover { background: #f5f8fc !important; color: #0a7cff !important; }
    .hdo-loading-shell { position: relative; }
    .hdo-loading-mask {
        position: absolute;
        inset: 0;
        border-radius: 12px;
        background: rgba(255,255,255,0.75);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 2;
        backdrop-filter: blur(2px);
    }
    #hdo-results-container { position: relative; }
    #hdo-results-container.hdo-results-loading { pointer-events: none; }
    #hdo-results-container.hdo-results-loading::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(245, 248, 253, 0.82);
        backdrop-filter: blur(2px);
        z-index: 12;
        border-radius: 14px;
        transition: opacity 0.15s ease;
    }
    #hdo-results-container.hdo-results-loading::after {
        content: "";
        position: absolute;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        border: 3px solid #d5e4fb;
        border-top-color: #1aa5ff;
        border-right-color: #11c9b8;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: hdo-spin 0.9s linear infinite;
        z-index: 13;
        background: #fff;
        box-shadow: 0 10px 24px rgba(17,35,52,0.12);
    }
    @keyframes hdo-spin {
        from { transform: translate(-50%, -50%) rotate(0deg); }
        to { transform: translate(-50%, -50%) rotate(360deg); }
    }
    .hdo-domain-search {
        background: #f8fafc;
        border: 1px solid #e5ebf2;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 8px 20px rgba(16, 42, 67, 0.08);
    }
    .hdo-hero {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 12px 14px;
        background: linear-gradient(120deg, #7c3aed, #2563eb);
        color: #fff;
        border-radius: 10px;
        margin-bottom: 16px;
    }
    .hdo-hero h2 {
        margin: 0;
        font-weight: 600;
    }
    .hdo-pill {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 14px;
        font-size: 12px;
        font-weight: 700;
        margin-left: 6px;
        background: #ffffff22;
    }
    .hdo-search-bar {
        background: #fff;
        border: 1px solid #e5ebf2;
        border-radius: 8px;
        padding: 14px;
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.02);
    }
    .hdo-spinner-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 12px;
    }
    .hdo-spinner-card {
        background: #fff;
        border: 1px solid #e5ebf2;
        border-radius: 10px;
        padding: 12px;
        box-shadow: 0 4px 12px rgba(18, 38, 63, 0.06);
    }
    .hdo-spinner-card h5 {
        margin-top: 0;
        margin-bottom: 8px;
        font-weight: 700;
        color: #113355;
    }
    .hdo-result-card {
        background: #fff;
        border: 1px solid #e5ebf2;
        border-radius: 10px;
        box-shadow: 0 4px 14px rgba(18, 38, 63, 0.08);
        overflow: hidden;
    }
    .hdo-availability {
        font-weight: 700;
        border-radius: 16px;
        padding: 4px 12px;
        display: inline-block;
    }
    .hdo-label-muted { background: #e6edf5; color: #5a6d85; }
    
    
    


.hdo-loadmore-shell {
    margin-top: 12px;
    background: #fff;
    border: 1px solid #e5ebf2;
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.hdo-loadmore-meta {
    display: grid;
    gap: 2px;
}

.hdo-loadmore-meta .hdo-meta-label {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.4px;
    color: #6a7b91;
}

.hdo-loadmore-meta .hdo-meta-value {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.1;
}

.hdo-loadmore-meta .hdo-meta-sub {
    color: #55657c;
    font-weight: 600;
}

.hdo-loadmore-action {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hdo-pagination-buttons { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }

#hdo-pagination-shell { margin-top: 14px; display:grid; gap:10px; width:100%; }

.hdo-pagination-buttons button {
    border: 1px solid #d7e3f4;
    background: #fff;
    color: #0f172a;
    padding: 8px 12px;
    border-radius: 10px;
    font-weight: 700;
    min-width: 42px;
    transition: all 0.16s ease;
    box-shadow: 0 6px 14px rgba(8, 39, 96, 0.08);
}

.hdo-pagination-buttons .hdo-page-btn.is-active {
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.22);
}

.hdo-pagination-buttons button:hover { transform: translateY(-1px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); }

    .hdo-load-more {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    padding: 14px 18px;
    width: 100%;
    border-radius: 12px;
    background: var(--hdo-action-more-bg, #0d6efd);
    color: var(--hdo-action-more-text, #ffffff);
    border: none;
    box-shadow: 0 14px 26px rgba(13, 110, 253, 0.28);
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
        font-size: var(--hdo-load-more-size, 14px) !important;
}

.hdo-load-more .hdo-loader {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: conic-gradient(from 180deg at 50% 50%, rgba(255,255,255,0.15), rgba(255,255,255,0.94), rgba(255,255,255,0.15));
    mask: radial-gradient(farthest-side, transparent 55%, #000 57%);
    display: none;
    animation: hdo-spin 0.8s linear infinite;
}

.hdo-load-more .hdo-load-label { font-weight: 800; letter-spacing: 0.15px; }

.hdo-load-more:hover {
    transform: translateY(-1px);
    background: var(--hdo-action-more-active-bg, var(--hdo-action-more-bg, #0d6efd));
    color: var(--hdo-action-more-active-text, var(--hdo-action-more-text, #ffffff));
    box-shadow: 0 18px 30px rgba(13, 110, 253, 0.3);
}

.hdo-load-more.is-loading {
    background: var(--hdo-action-more-active-bg, var(--hdo-action-more-bg, #0d6efd));
    color: var(--hdo-action-more-active-text, var(--hdo-action-more-text, #ffffff));
    box-shadow: 0 14px 24px rgba(0,0,0,0.18);
    pointer-events: none;
}

.hdo-load-more.is-loading .hdo-loader { display: inline-block; }
.hdo-load-more.is-loading .hdo-load-label { opacity: 0.9; }

@keyframes hdo-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

    /* =======================================================
   DROPDOWN TAŞMA FIX (HDO)
   - table-responsive kırpmayı engeller
   - wrapper üzerinden kontrol eder
   ======================================================= */

.hdo-table-wrap{
    position: relative;
    overflow: visible !important;
}

/* Desktop’ta dropdown serbest */
.hdo-table-wrap .table-responsive{
    overflow: visible !important;
}

/* Mobilde yatay kaydırmayı koru */
@media (max-width: 991px){
    .hdo-table-wrap .hdo-table-scroll{
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* Kırpan başka ebeveyn varsa hepsini gevşet */
.hdo-whmcs-shell,
.hdo-results-grid,
.hdo-result-card,
.hdo-cta-cell{
    overflow: visible !important;
}

/* Dropdown menü üstte kalsın */
.hdo-action-dropdown{ position: relative; }
.hdo-year-menu{
    z-index: 99999;
}

.hdo-custom-section {
    margin: 32px 0;
    padding: 24px;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.hdo-custom-section .hdo-custom-html > :first-child {
    margin-top: 0;
}

    .hdo-custom-section .hdo-custom-html > :last-child {
        margin-bottom: 0;
    }
    .hdo-featured-zone .hdo-featured-title {
        font-size: var(--hdo-featured-title-size, 28px) !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.2px;
        margin: 0 0 6px;
        color: var(--hdo-card-text, inherit) !important;
    }

.hdo-style-scope .hdo-whmcs-shell i.fa,
.hdo-style-scope .hdo-whmcs-shell i.fas,
.hdo-style-scope .hdo-whmcs-shell i.far,
.hdo-style-scope .hdo-whmcs-shell i.fab,
.hdo-style-scope .hdo-whmcs-shell i[class^="fa-"],
.hdo-style-scope .hdo-whmcs-shell i[class*=" fa-"]{
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  display: inline-block !important;
}

.hdo-style-scope .hdo-whmcs-shell i.fa,
.hdo-style-scope .hdo-whmcs-shell i.fas,
.hdo-style-scope .hdo-whmcs-shell i.fa-solid{
  font-weight: 600 !important;
}

.hdo-style-scope .hdo-whmcs-shell i.fa::before,
.hdo-style-scope .hdo-whmcs-shell i.fas::before,
.hdo-style-scope .hdo-whmcs-shell i.far::before,
.hdo-style-scope .hdo-whmcs-shell i.fab::before,
.hdo-style-scope .hdo-whmcs-shell i[class^="fa-"]::before,
.hdo-style-scope .hdo-whmcs-shell i[class*=" fa-"]::before{
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
}

#hdo-pagination-shell,
.hdo-loadmore-shell,
.hdo-load-more{
  position: relative !important;
  z-index: 5 !important;
}

#hdo-results-container .hdo-result-card{
  position: relative !important;
  z-index: 20 !important;
  overflow: visible !important;
}

.hdo-result-row.has-open-dropdown .hdo-cta-cell,
.hdo-result-row.has-open-dropdown .hdo-action-dropdown{
  position: relative !important;
  z-index: 50 !important;
}

#hdo-results-container .hdo-year-menu{
  z-index: 2147483647 !important;
}

.hdo-blog-zone {
    margin: 60px auto;
    padding: 48px 30px;
    max-width: 1200px;
    --hdo-blog-gap: 18px;
    background: var(--hdo-blog-bg, linear-gradient(135deg, #0b1224, #0f172a));
    color: var(--hdo-blog-text, #e2e8f0);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.hdo-blog-zone.is-plain {
    background: transparent;
    box-shadow: none;
    padding: 0;
    max-width: none;
    margin: 40px 0;
}

.hdo-blog-zone.is-plain .hdo-blog-carousel {
    max-width: 100%;
}

.hdo-blog-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 26px;
}

.hdo-blog-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    color: var(--hdo-blog-muted, #94a3b8);
    margin: 0 0 8px;
}

.hdo-blog-title {
    margin: 0 0 8px;
    color: var(--hdo-blog-text, #e2e8f0);
    font-weight: 700;
    line-height: 1.25;
}

.hdo-blog-sub {
    margin: 0;
    color: var(--hdo-blog-muted, #94a3b8);
}

.hdo-blog-carousel {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.hdo-blog-track {
    display: flex;
    gap: var(--hdo-blog-gap, 18px);
    padding: 0;
    transition: transform 0.6s ease;
    align-items: stretch;
}

.hdo-blog-card {
    flex: 0 0 calc(
        (100% - ((var(--hdo-blog-visible, 1) - 1) * var(--hdo-blog-gap, 18px)))
        / var(--hdo-blog-visible, 1)
    );
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    height: 100%;
    min-height: 100%;
}

@media (min-width: 768px) {
    .hdo-blog-card {
        grid-template-columns: 1.1fr 1.3fr;
    }
}

.hdo-blog-card.is-stacked {
    grid-template-columns: 1fr;
}

.hdo-blog-media {
    background: rgba(255, 255, 255, 0.05);
    min-height: 220px;
    align-self: flex-start;
}

.hdo-blog-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.hdo-blog-body {
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 12px;
    min-height: 100%;
}

.hdo-blog-card-title {
    margin: 0;
    line-height: 1.35;
}

.hdo-blog-card-desc {
    margin: 0;
    line-height: 1.6;
}

.hdo-blog-link-wrap {
    margin-top: auto;
    display: flex;
}

.hdo-blog-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    background: var(--hdo-blog-btn-bg, #0ea5e9);
    color: var(--hdo-blog-btn-text, #ffffff);
    padding: 10px 16px;
    border-radius: 12px;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
    width: max-content;
}

.hdo-blog-link:hover {
    background: var(--hdo-blog-btn-hover-bg, #0284c7);
    color: var(--hdo-blog-btn-hover-text, #e2e8f0);
    transform: translateY(-1px);
}

/* Hosting layouts */
.hdo-hosting-zone {
    margin-top: 50x;
    margin-bottom: 50px;
    padding: 32px;
    border-radius: 18px;

    background: var(--hdo-hosting-bg, linear-gradient(135deg, #0f172a, #0b1224));
    color: var(--hdo-hosting-text, #e2e8f0);

    --hdo-hosting-card-text: var(--hdo-hosting-text, #e2e8f0);

    box-shadow: 0 30px 82px rgba(15, 23, 42, 0.14);
    border: 1px solid rgba(15, 23, 42, 0.05);

    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.hdo-hosting-zone::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background-image: radial-gradient(
        circle at 20px 20px,
        var(--hdo-hosting-pattern-color, rgba(255,255,255,0.10)) 0,
        var(--hdo-hosting-pattern-color, rgba(255,255,255,0.10)) 1px,
        transparent 1px
    );
    background-size: 46px 46px;

    opacity: var(--hdo-hosting-pattern, 0.12);
    z-index: 0;
}

.hdo-hosting-zone.btnshape-rounded { --hdo-hosting-btn-radius: 12px; }
.hdo-hosting-zone.btnshape-pill { --hdo-hosting-btn-radius: 999px; }
.hdo-hosting-zone.btnshape-sharp { --hdo-hosting-btn-radius: 4px; }

/* Layout defaults (inline vars override eder) */
.hdo-hosting-zone.layout-tiles {
    --hdo-hosting-bg: linear-gradient(135deg, #0f172a, #0b1224);
    --hdo-hosting-text: #e2e8f0;
    --hdo-hosting-title: #f8fafc;
    --hdo-hosting-subtitle: rgba(226,232,240,0.78);
    --hdo-hosting-accent: #38bdf8;
    --hdo-hosting-card-bg: rgba(255,255,255,0.06);
    --hdo-hosting-muted: rgba(226,232,240,0.78);

    --hdo-hosting-eyebrow-bg: rgba(56,189,248,0.14);
    --hdo-hosting-eyebrow-text: #7dd3fc;

    --hdo-hosting-cycle-bg: rgba(255,255,255,0.06);
    --hdo-hosting-cycle-text: #e2e8f0;
    --hdo-hosting-cycle-active-bg: rgba(56,189,248,0.14);
    --hdo-hosting-cycle-active-text: #e2e8f0;

    --hdo-hosting-select-bg: rgba(2,6,23,0.55);
    --hdo-hosting-select-text: #e2e8f0;
    --hdo-hosting-select-border: rgba(255,255,255,0.14);
    --hdo-hosting-select-icon: rgba(226,232,240,0.92);

    --hdo-hosting-price: #7dd3fc;
    --hdo-hosting-price-shadow: 0 10px 26px rgba(56,189,248,0.22);

    --hdo-hosting-card-border: rgba(255,255,255,0.12);
    --hdo-hosting-pattern-color: rgba(255,255,255,0.10);

    border: 1px solid rgba(56, 189, 248, 0.16);
    box-shadow: 0 26px 66px rgba(6, 12, 24, 0.55);
}

.hdo-hosting-zone.layout-cards {
    --hdo-hosting-bg: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(241,245,249,0.98));
    --hdo-hosting-text: #0f172a;
    --hdo-hosting-card-text: #0f172a;
    --hdo-hosting-title: #0b1224;
    --hdo-hosting-subtitle: rgba(71, 85, 105, 0.95);
    --hdo-hosting-accent: #22c55e;
    --hdo-hosting-card-bg: #ffffff;
    --hdo-hosting-muted: #475569;

    --hdo-hosting-eyebrow-bg: rgba(34,197,94,0.14);
    --hdo-hosting-eyebrow-text: #16a34a;

    --hdo-hosting-cycle-bg: #f8fafc;
    --hdo-hosting-cycle-text: #0f172a;
    --hdo-hosting-cycle-active-bg: rgba(34,197,94,0.12);
    --hdo-hosting-cycle-active-text: #0f172a;

    --hdo-hosting-select-bg: #ffffff;
    --hdo-hosting-select-text: #0f172a;
    --hdo-hosting-select-border: rgba(15, 23, 42, 0.12);
    --hdo-hosting-select-icon: rgba(15, 23, 42, 0.88);

    --hdo-hosting-price: #16a34a;
    --hdo-hosting-price-shadow: 0 10px 26px rgba(34,197,94,0.18);

    --hdo-hosting-card-border: rgba(15, 23, 42, 0.10);
    --hdo-hosting-pattern-color: rgba(15,23,42,0.06);

    padding: 38px 32px;
    border: 1px solid rgba(34, 197, 94, 0.14);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.10);
}

.hdo-hosting-zone.layout-minimal {
    --hdo-hosting-bg: linear-gradient(135deg, #ffffff 0%, #f4f6fb 100%);
    --hdo-hosting-text: #0f172a;
    --hdo-hosting-card-text: #0f172a;
    --hdo-hosting-title: #0f172a;
    --hdo-hosting-subtitle: rgba(71, 85, 105, 0.95);
    --hdo-hosting-accent: #2563eb;
    --hdo-hosting-card-bg: rgba(255,255,255,0.75);
    --hdo-hosting-muted: #475569;

    --hdo-hosting-eyebrow-bg: rgba(37,99,235,0.12);
    --hdo-hosting-eyebrow-text: #1d4ed8;

    --hdo-hosting-cycle-bg: rgba(255,255,255,0.9);
    --hdo-hosting-cycle-text: #0f172a;
    --hdo-hosting-cycle-active-bg: rgba(37,99,235,0.10);
    --hdo-hosting-cycle-active-text: #0f172a;

    --hdo-hosting-select-bg: rgba(255,255,255,0.92);
    --hdo-hosting-select-text: #0f172a;
    --hdo-hosting-select-border: rgba(15, 23, 42, 0.12);
    --hdo-hosting-select-icon: rgba(15, 23, 42, 0.88);

    --hdo-hosting-price: #1d4ed8;
    --hdo-hosting-price-shadow: 0 10px 26px rgba(37,99,235,0.14);

    --hdo-hosting-card-border: rgba(15,23,42,0.10);
    --hdo-hosting-pattern-color: rgba(15,23,42,0.04);

    padding: 22px;
    border: 1px solid rgba(15,23,42,0.08);
    box-shadow: inset 0 1px 0 rgba(15,23,42,0.05), 0 18px 40px rgba(15,23,42,0.08);
}

.hdo-hosting-zone.layout-aurora {
    --hdo-hosting-bg: radial-gradient(circle at 22% 28%, rgba(236,72,153,0.22), transparent 36%),
        radial-gradient(circle at 72% 22%, rgba(52,211,153,0.20), transparent 38%),
        radial-gradient(circle at 40% 78%, rgba(14,165,233,0.26), transparent 42%),
        linear-gradient(140deg, #0a1020 0%, #0c1328 60%, #0f1a35 100%);
    --hdo-hosting-text: #e2e8f0;
    --hdo-hosting-card-text: #e2e8f0;
    --hdo-hosting-title: #f8fafc;
    --hdo-hosting-subtitle: rgba(226,232,240,0.78);
    --hdo-hosting-accent: #a855f7;
    --hdo-hosting-card-bg: rgba(255,255,255,0.08);
    --hdo-hosting-muted: rgba(226,232,240,0.78);

    --hdo-hosting-eyebrow-bg: rgba(168,85,247,0.16);
    --hdo-hosting-eyebrow-text: #d8b4fe;

    --hdo-hosting-cycle-bg: rgba(255,255,255,0.08);
    --hdo-hosting-cycle-text: #f8fafc;
    --hdo-hosting-cycle-active-bg: rgba(168,85,247,0.16);
    --hdo-hosting-cycle-active-text: #f8fafc;

    --hdo-hosting-select-bg: rgba(2,6,23,0.55);
    --hdo-hosting-select-text: #f8fafc;
    --hdo-hosting-select-border: rgba(255,255,255,0.14);
    --hdo-hosting-select-icon: rgba(248,250,252,0.92);

    --hdo-hosting-price: #e9d5ff;
    --hdo-hosting-price-shadow: 0 12px 30px rgba(168,85,247,0.22);

    --hdo-hosting-card-border: rgba(255,255,255,0.14);
    --hdo-hosting-pattern-color: rgba(255,255,255,0.10);

    padding: 44px 34px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 38px 86px rgba(8, 15, 40, 0.6);
}

.hdo-hosting-zone.layout-orbit {
    --hdo-hosting-bg: radial-gradient(circle at 14% 16%, rgba(99, 102, 241, 0.34), transparent 30%),
        radial-gradient(circle at 84% 24%, rgba(59, 130, 246, 0.28), transparent 32%),
        radial-gradient(circle at 42% 78%, rgba(52, 211, 153, 0.26), transparent 34%),
        linear-gradient(120deg, #04070f 0%, #070c19 60%, #0a1224 100%);
    --hdo-hosting-text: #e2e8f0;
    --hdo-hosting-card-text: #e2e8f0;
    --hdo-hosting-title: #f8fafc;
    --hdo-hosting-subtitle: rgba(226,232,240,0.78);
    --hdo-hosting-accent: #22d3ee;
    --hdo-hosting-card-bg: rgba(15,23,42,0.72);
    --hdo-hosting-muted: rgba(226,232,240,0.78);

    --hdo-hosting-eyebrow-bg: rgba(34,211,238,0.14);
    --hdo-hosting-eyebrow-text: #67e8f9;

    --hdo-hosting-cycle-bg: rgba(255,255,255,0.06);
    --hdo-hosting-cycle-text: #e2e8f0;
    --hdo-hosting-cycle-active-bg: rgba(34,211,238,0.14);
    --hdo-hosting-cycle-active-text: #e2e8f0;

    --hdo-hosting-select-bg: rgba(2,6,23,0.55);
    --hdo-hosting-select-text: #e2e8f0;
    --hdo-hosting-select-border: rgba(255,255,255,0.14);
    --hdo-hosting-select-icon: rgba(226,232,240,0.92);

    --hdo-hosting-price: #a5f3fc;
    --hdo-hosting-price-shadow: 0 12px 30px rgba(34,211,238,0.20);

    --hdo-hosting-card-border: rgba(255,255,255,0.12);
    --hdo-hosting-pattern-color: rgba(255,255,255,0.09);

    padding: 42px 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 34px 84px rgba(0, 0, 0, 0.56);
}

/* Plain mode */
.hdo-hosting-zone.is-plain,
.hdo-hosting-zone.is-plain.layout-tiles,
.hdo-hosting-zone.is-plain.layout-cards,
.hdo-hosting-zone.is-plain.layout-minimal,
.hdo-hosting-zone.is-plain.layout-aurora,
.hdo-hosting-zone.is-plain.layout-neo,
.hdo-hosting-zone.is-plain.layout-ribbon,
.hdo-hosting-zone.is-plain.layout-orbit {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    --hdo-hosting-pattern: 0 !important;
    overflow: visible !important;
}

.hdo-hosting-zone.is-plain::before,
.hdo-hosting-zone.is-plain::after {
    display: none !important;
}

/* Head */
.hdo-hosting-head {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    position: relative;
    z-index: 1;
}

.hdo-hosting-head.align-center {
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.hdo-hosting-head .hdo-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--hdo-hosting-eyebrow-bg, rgba(255,255,255,0.10));
    color: var(--hdo-hosting-eyebrow-text, var(--hdo-hosting-accent, #0ea5e9));
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid rgba(255,255,255,0.10);
}

.hdo-hosting-head h2 {
    margin: 0;
    font-size: var(--hdo-hosting-title-size, 30px);
    line-height: 1.15;
    color: var(--hdo-hosting-title, var(--hdo-hosting-text, inherit));
}

.hdo-hosting-head .hdo-sub {
    margin: 8px 0 0;
    font-size: var(--hdo-hosting-subtitle-size, 16px);
    color: var(--hdo-hosting-subtitle, var(--hdo-hosting-muted, rgba(226,232,240,0.78)));
    max-width: 760px;
}

/* Grid */
.hdo-hosting-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--hdo-hosting-grid-min, 260px), 1fr));
    gap: 13px !important;
    position: relative;
    z-index: 1;
}

/* Card */
.hdo-hosting-card {
    background: var(--hdo-hosting-card-bg, rgba(255, 255, 255, 0.04));
    border-radius: var(--hdo-hosting-radius, 16px);
    padding: 10px !important;

    border: 1px solid var(--hdo-hosting-card-border, rgba(255,255,255,0.10));
    box-shadow: var(--hdo-hosting-shadow, 0 30px 80px rgba(0, 0, 0, 0.25));

    display: flex;
    flex-direction: column;
    gap: 14px;
    color: var(--hdo-hosting-card-text, inherit);

    position: relative;
    z-index: 1;
    overflow: hidden;

    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.hdo-hosting-card::before {
    content: "";
    position: absolute;
    inset: -40% auto auto -30%;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(255,255,255,0.18), transparent 62%);
    opacity: 0.35;
    transform: rotate(14deg);
    pointer-events: none;
}

.hdo-hosting-card:hover {
    transform: translateY(-4px);
    border-color: color-mix(in oklab, var(--hdo-hosting-accent, #0ea5e9) 55%, transparent);
    box-shadow: 0 28px 78px color-mix(in oklab, var(--hdo-hosting-accent, #0ea5e9) 18%, rgba(0,0,0,0.35));
}

/* Card head */
.hdo-hosting-card-head {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hdo-hosting-card h3 {
    margin: 0;
    font-size: var(--hdo-hosting-card-title-size, 20px);
    line-height: 1.2;
    color: var(--hdo-hosting-title, var(--hdo-hosting-card-text, inherit));
    text-align: var(--hdo-hosting-card-title-align, left);
}

/* Description */
.hdo-hosting-desc {
    margin: 0;
    color: var(--hdo-hosting-muted, rgba(226, 232, 240, 0.78));
    font-size: var(--hdo-hosting-desc-size, var(--hdo-hosting-body-size, 15px));
    text-align: var(--hdo-hosting-desc-align, left);
}

/* Pill inside card */
.hdo-hosting-card .hdo-pill {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: color-mix(in oklab, var(--hdo-hosting-accent, #0ea5e9) 18%, transparent);
    color: var(--hdo-hosting-accent, #0ea5e9);
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid color-mix(in oklab, var(--hdo-hosting-accent, #0ea5e9) 22%, transparent);
}

.hdo-hosting-card .hdo-pill-normal {
    letter-spacing: 0;
    text-transform: none;
}

/* Cycles */
.hdo-hosting-cycles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
}

.hdo-hosting-cycles.style-scroll {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: thin;
}

.hdo-hosting-cycles.style-scroll .hdo-hosting-cycle {
    flex: 0 0 auto;
    min-width: 140px;
}

.hdo-hosting-cycles.style-tabs {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid color-mix(in oklab, var(--hdo-hosting-text, #e2e8f0) 18%, transparent);
}

.hdo-hosting-cycles.style-tabs .hdo-hosting-cycle {
    flex: 1;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}

.hdo-hosting-cycles.style-dropdown {
    display: block;
    position: relative;
}

/* Dropdown arrow: artık mask ile, renk layout’a göre otomatik */
.hdo-hosting-cycles.style-dropdown::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    pointer-events: none;

    background-color: var(--hdo-hosting-select-icon, rgba(226,232,240,0.92));
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 9.75 12 15l5.25-5.25' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 9.75 12 15l5.25-5.25' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;

    opacity: 0.95;
}

.hdo-hosting-cycle-select {
    width: 100%;
    padding: 12px 52px 12px 14px;
    border-radius: var(--hdo-hosting-btn-radius, 12px);

    border: 1px solid var(--hdo-hosting-select-border, rgba(255,255,255,0.14));
    background: var(--hdo-hosting-select-bg, rgba(2,6,23,0.55));
    color: var(--hdo-hosting-select-text, var(--hdo-hosting-text, inherit));

    appearance: none;
    box-shadow: 0 12px 26px color-mix(in oklab, var(--hdo-hosting-text, #0f172a) 10%, transparent);
}

.hdo-hosting-cycle {
    width: 100%;
    border: 1px solid color-mix(in oklab, var(--hdo-hosting-cycle-text, #e2e8f0) 18%, transparent);
    background: var(--hdo-hosting-cycle-bg, rgba(255, 255, 255, 0.04));
    color: var(--hdo-hosting-cycle-text, inherit);

    border-radius: var(--hdo-hosting-btn-radius, 12px);
    padding: 10px 12px;

    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;

    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.hdo-hosting-cycle strong {
    font-size: 15px;
    color: var(--hdo-hosting-accent, #0ea5e9);
}

.hdo-hosting-cycle.is-active {
    border-color: color-mix(in oklab, var(--hdo-hosting-accent, #0ea5e9) 55%, transparent);
    background: var(--hdo-hosting-cycle-active-bg, color-mix(in oklab, var(--hdo-hosting-accent, #0ea5e9) 18%, transparent));
    color: var(--hdo-hosting-cycle-active-text, var(--hdo-hosting-cycle-text, inherit));
}

.hdo-hosting-cycle:hover {
    transform: translateY(-1px);
    border-color: color-mix(in oklab, var(--hdo-hosting-accent, #0ea5e9) 45%, transparent);
}

/* style-grid: artık layout’a göre otomatik, sabit beyazı kaldırdık */
.hdo-hosting-cycles.style-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
}

/* Footer (price + button) */
.hdo-hosting-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.hdo-hosting-price {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.2px;
    color: var(--hdo-hosting-price, var(--hdo-hosting-accent, #0ea5e9));
    text-shadow: var(--hdo-hosting-price-shadow, none);
}

/* Add button */
.hdo-hosting-add {
    padding: 12px 16px;
    border-radius: var(--hdo-hosting-btn-radius, 14px);
    border: none;

    background: var(--hdo-hosting-btn-bg, var(--hdo-hosting-accent, #0ea5e9));
    color: var(--hdo-hosting-btn-text, #0b1224);

    font-weight: 800;
    font-size: var(--hdo-hosting-btn-size, 15px);
    cursor: pointer;

    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.hdo-hosting-add:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow: 0 14px 38px color-mix(in oklab, var(--hdo-hosting-btn-bg, var(--hdo-hosting-accent, #0ea5e9)) 35%, rgba(0,0,0,0.35));
}

.hdo-hosting-add.hdo-btn-rounded { --hdo-hosting-btn-radius: 12px; border-radius: 12px; }
.hdo-hosting-add.hdo-btn-pill { --hdo-hosting-btn-radius: 999px; border-radius: 999px; }
.hdo-hosting-add.hdo-btn-sharp { --hdo-hosting-btn-radius: 4px; border-radius: 4px; }

/* Minimal layout card row mode */
.hdo-hosting-zone.layout-minimal .hdo-hosting-card {
    padding: 14px 16px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
}

.hdo-hosting-zone.layout-minimal .hdo-hosting-card-head {
    flex: 1 1 260px;
}

.hdo-hosting-zone.layout-minimal .hdo-hosting-foot {
    gap: 16px;
}

/* فقط layout-cards (Vitrin Kartları): Başlık + Ay yazıları yeşil */
.hdo-hosting-zone.layout-cards .hdo-hosting-card h3 {
  color: var(--hdo-hosting-accent, #22c55e) !important;
  font-size: var(--hdo-hosting-card-title-size, 20px) !important;
  text-align: var(--hdo-hosting-card-title-align, left);
}

.hdo-hosting-zone.layout-cards .hdo-hosting-cycle span {
  color: var(--hdo-hosting-accent, #22c55e) !important;
}

/* layout-minimal: kart bg %50 beyaz + buton yazısı beyaz + cycle grid full width */

/* Kart arka planı %50 beyaz */
.hdo-hosting-zone.layout-minimal .hdo-hosting-card{
  background: rgba(255,255,255,0.50) !important;   /* %50 fff */
  border: 2px solid rgba(37, 99, 235, 0.35) !important;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.18),
    inset 0 0 32px rgba(37, 99, 235, 0.10),
    0 14px 40px rgba(15,23,42,0.08) !important;
}

/* Aylar 2 sütun ve bulunduğu alana TAM genişlesin */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycles.style-grid{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

/* Cycle butonları hücreyi doldursun */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycles.style-grid .hdo-hosting-cycle{
  width: 100% !important;
  min-width: 0 !important;
  justify-content: space-between !important;
  border: 1px solid rgba(15,23,42,0.10) !important;
  background: rgba(255,255,255,0.92) !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
  box-shadow: none !important;
}

/* Aktif cycle belirgin */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycles.style-grid .hdo-hosting-cycle.is-active{
  border-color: rgba(37, 99, 235, 0.40) !important;
  background: rgba(37, 99, 235, 0.10) !important;
}

/* Sepete ekle butonu sağda + yazı beyaz */
.hdo-hosting-zone.layout-minimal .hdo-hosting-foot{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.hdo-hosting-zone.layout-minimal .hdo-hosting-add{
  margin-left: auto !important;
  color: #ffffff !important; /* Sepete ekle yazısı beyaz */
}
/* layout-minimal: açıklama koyulaştır (siyah değil) */
.hdo-hosting-zone.layout-minimal .hdo-hosting-desc{
  color: #334155 !important;   /* koyu slate (siyah değil) */
  opacity: 1 !important;
  font-size: var(--hdo-hosting-desc-size, var(--hdo-hosting-body-size, 15px)) !important;
  text-align: var(--hdo-hosting-desc-align, left);
}

/* layout-minimal: hover'da dışarı ince mavi shadow */
.hdo-hosting-zone.layout-minimal .hdo-hosting-card:hover{
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.22),
    inset 0 0 32px rgba(37, 99, 235, 0.12),
    0 18px 52px rgba(15,23,42,0.10),
    0 10px 26px rgba(37, 99, 235, 0.18) !important; /* dış glow */
  transform: translateY(-2px);
}

/* layout-minimal: tıklayınca gelen siyah focus border yerine 1px mavi */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle:focus,
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle:focus-visible,
.hdo-hosting-zone.layout-minimal .hdo-hosting-add:focus,
.hdo-hosting-zone.layout-minimal .hdo-hosting-add:focus-visible{
  outline: none !important;
  border-color: rgba(37, 99, 235, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.55) !important; /* 1px mavi */
}

/* mouse ile basınca (active) aynı şekilde mavi kalsın */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle:active,
.hdo-hosting-zone.layout-minimal .hdo-hosting-add:active{
  outline: none !important;
  border-color: rgba(37, 99, 235, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.55) !important;
}

/* mobil tıklama highlight'ı da siyahımsı geliyorsa */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle,
.hdo-hosting-zone.layout-minimal .hdo-hosting-add{
  -webkit-tap-highlight-color: rgba(37, 99, 235, 0.18);
}
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycles.style-dropdown{
  width: 100% !important;
}

/* select tam genişlik + premium */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle-select{
  width: 100% !important;
  min-width: 0 !important;

  height: 46px !important;
  padding: 12px 46px 12px 14px !important;

  border-radius: 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.55) !important;

  background-color: rgba(255,255,255,0.55) !important;
  color: #2563eb !important;

  font-weight: 600;
  letter-spacing: 0.1px;

  appearance: none;
  -webkit-appearance: none;

  /* ok ikonu mavi */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%232563eb' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 9.75 12 15l5.25-5.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 18px) 50% !important;
  background-size: 14px 14px !important;

  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.12),
    inset 0 0 24px rgba(37, 99, 235, 0.06) !important;

  -webkit-tap-highlight-color: rgba(37, 99, 235, 0.18);
}

/* hover: hafif mavi glow */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle-select:hover{
  border-color: rgba(37, 99, 235, 0.70) !important;
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.14),
    inset 0 0 24px rgba(37, 99, 235, 0.08),
    0 10px 26px rgba(37, 99, 235, 0.16) !important;
}

/* focus: siyah outline yerine 1px mavi */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle-select:focus,
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle-select:focus-visible{
  outline: none !important;
  border-color: rgba(37, 99, 235, 0.75) !important;
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.75),
    inset 0 0 24px rgba(37, 99, 235, 0.08) !important;
}

/* option yazıları (bazı tarayıcılarda lazım) */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle-select option{
  color: #2563eb;
}

/* disabled olursa */
.hdo-hosting-zone.layout-minimal .hdo-hosting-cycle-select:disabled{
  opacity: 0.65;
  cursor: not-allowed;
  box-shadow: none !important;
}
/* =========================================================
   layout-tiles: kart rengine uyumlu ay butonları + okunabilirlik + hizalama
========================================================= */

/* Kartları hizala (stagger varsa iptal) */
.hdo-hosting-zone.layout-tiles .hdo-hosting-grid{
  align-items: stretch !important;
}
.hdo-hosting-zone.layout-tiles .hdo-hosting-card,
.hdo-hosting-zone.layout-tiles .hdo-hosting-card:nth-child(2n){
  transform: none !important;
}

/* Her karta accent + rgb + shadow rengi ver */
.hdo-hosting-zone.layout-tiles .hdo-hosting-card{
  --tile-accent: #39c2ff;
  --tile-accent-rgb: 57,194,255;
  --tile-shadow: rgba(57,194,255,0.20);
}

/* 4’lü döngü: mavi / mor / turkuaz / turuncu */
.hdo-hosting-zone.layout-tiles .hdo-hosting-card:nth-child(4n+2){
  --tile-accent: #a855f7;
  --tile-accent-rgb: 168,85,247;
  --tile-shadow: rgba(168,85,247,0.20);
}
.hdo-hosting-zone.layout-tiles .hdo-hosting-card:nth-child(4n+3){
  --tile-accent: #22d3ee;
  --tile-accent-rgb: 34,211,238;
  --tile-shadow: rgba(34,211,238,0.20);
}
.hdo-hosting-zone.layout-tiles .hdo-hosting-card:nth-child(4n){
  --tile-accent: #fb923c;
  --tile-accent-rgb: 251,146,60;
  --tile-shadow: rgba(251,146,60,0.20);
}

/* Kart: açık cam + renk uyumlu gölge */
.hdo-hosting-zone.layout-tiles .hdo-hosting-card{
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(var(--tile-accent-rgb), 0.18) !important;

  box-shadow:
    0 26px 70px rgba(15,23,42,0.12),
    0 14px 34px var(--tile-shadow) !important;

  color: #0f172a !important;
  overflow: hidden;
}

/* Üstte renkli şerit */
.hdo-hosting-zone.layout-tiles .hdo-hosting-card::after{
  content:"";
  position:absolute;
  left: 16px; right: 16px; top: 14px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(var(--tile-accent-rgb),0.85), transparent);
  opacity: 0.9;
  pointer-events:none;
}

/* Başlık + açıklama görünür */
.hdo-hosting-zone.layout-tiles .hdo-hosting-card h3{
  color: #0b1224 !important;
  font-size: var(--hdo-hosting-card-title-size, 20px) !important;
  text-align: var(--hdo-hosting-card-title-align, left);
}
.hdo-hosting-zone.layout-tiles .hdo-hosting-desc{
  color: rgba(15,23,42,0.64) !important; /* siyah değil */
  opacity: 1 !important;
  font-size: var(--hdo-hosting-desc-size, var(--hdo-hosting-body-size, 15px)) !important;
  text-align: var(--hdo-hosting-desc-align, left);
}

/* Zone başlığı (Barındırma Paketleri) görünür olsun */
.hdo-hosting-zone.layout-tiles .hdo-hosting-head h2{
  color: #0b1224 !important;
  font-size: var(--hdo-hosting-title-size, 30px) !important;
}
.hdo-hosting-zone.layout-tiles .hdo-hosting-head .hdo-sub{
  color: rgba(15,23,42,0.55) !important;
  font-size: var(--hdo-hosting-subtitle-size, 16px) !important;
}

/* Popüler rozet: karta uyumlu */
.hdo-hosting-zone.layout-tiles .hdo-pill{
  background: rgba(var(--tile-accent-rgb),0.12) !important;
  border: 1px solid rgba(var(--tile-accent-rgb),0.18) !important;
  color: rgba(var(--tile-accent-rgb),0.95) !important;
}

/* AY BUTONLARI: kart rengine uyumlu arkaplan */
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycles.style-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.hdo-hosting-zone.layout-tiles .hdo-hosting-cycles.style-grid .hdo-hosting-cycle{
  width: 100% !important;
  min-width: 0 !important;

  background: linear-gradient(
    135deg,
    rgba(var(--tile-accent-rgb), 0.14),
    rgba(255,255,255, 0.86)
  ) !important;

  border: 1px solid rgba(var(--tile-accent-rgb), 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}

/* ay label + fiyat */
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle span{
  color: rgba(15,23,42,0.72) !important;
  font-weight: 500;
}
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle strong{
  color: rgba(var(--tile-accent-rgb), 0.95) !important;
  font-weight: 900;
}

/* aktif ay: daha belirgin ama şık */
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle.is-active{
  background: linear-gradient(
    135deg,
    rgba(var(--tile-accent-rgb), 0.24),
    rgba(255,255,255, 0.92)
  ) !important;
  border-color: rgba(var(--tile-accent-rgb), 0.34) !important;
}

/* Fiyat ve Sepete Ekle: kart rengine uyumlu */
.hdo-hosting-zone.layout-tiles .hdo-hosting-price{
  color: rgba(var(--tile-accent-rgb), 0.95) !important;
  font-weight: 900;
}

.hdo-hosting-zone.layout-tiles .hdo-hosting-add{
  background: linear-gradient(
    135deg,
    rgba(var(--tile-accent-rgb), 0.95),
    rgba(var(--tile-accent-rgb), 0.70)
  ) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px var(--tile-shadow) !important;
}

/* Hover: kart shadow da kart rengine uyumlu artsın */
.hdo-hosting-zone.layout-tiles .hdo-hosting-card:hover{
  border-color: rgba(var(--tile-accent-rgb), 0.26) !important;
  box-shadow:
    0 30px 82px rgba(15,23,42,0.14),
    0 18px 44px rgba(var(--tile-accent-rgb), 0.22) !important;
  transform: translateY(-2px) !important;
}

/* Focus: siyah outline yerine 1px renk */
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle:focus,
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle:focus-visible,
.hdo-hosting-zone.layout-tiles .hdo-hosting-add:focus,
.hdo-hosting-zone.layout-tiles .hdo-hosting-add:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(var(--tile-accent-rgb), 0.55) !important;
  border-color: rgba(var(--tile-accent-rgb), 0.55) !important;
}

/* layout-cards dropdown: border + yazı + ok YEŞİL (ok tekrar etmesin) */
.hdo-hosting-zone.layout-cards .hdo-hosting-cycle-select{
  border: 1px solid #22c55e !important;
  color: #22c55e !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2322c55e' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 9.75 12 15l5.25-5.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 18px) 50% !important;
  background-size: 14px 14px !important;

  padding-right: 46px !important; /* ok için boşluk */
}

.hdo-hosting-zone.layout-cards .hdo-hosting-cycle-select option{
  color: #22c55e !important;
}

/* tile accent yoksa default mavi */
.hdo-hosting-zone.layout-tiles{ --tile-accent:#39c2ff; --tile-accent-rgb:57,194,255; }
.hdo-hosting-zone.layout-tiles .hdo-hosting-card:nth-child(4n+2){ --tile-accent:#a855f7; --tile-accent-rgb:168,85,247; }
.hdo-hosting-zone.layout-tiles .hdo-hosting-card:nth-child(4n+3){ --tile-accent:#22d3ee; --tile-accent-rgb:34,211,238; }
.hdo-hosting-zone.layout-tiles .hdo-hosting-card:nth-child(4n){ --tile-accent:#fb923c; --tile-accent-rgb:251,146,60; }

/* Select */
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle-select{
  width: 100% !important;
  padding: 12px 46px 12px 14px !important;

  border-radius: var(--hdo-hosting-btn-radius, 12px) !important;
  border: 1px solid rgba(var(--tile-accent-rgb), 0.35) !important;


  color: rgba(var(--tile-accent-rgb), 0.95) !important;

  font-weight: 500 !important; /* ay font-weight 500 */
  appearance: none;
  -webkit-appearance: none;

  /* ok ikonu: kart rengi */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2338bdf8' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 9.75 12 15l5.25-5.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 18px) 50% !important;
  background-size: 14px 14px !important;
}

/* ok ikonunu her kartta kendi rengine çevirmek için (CSS variable ile) */
.hdo-hosting-zone.layout-tiles .hdo-hosting-card{
  /* select içindeki ok ikonunun rengi için SVG'yi tekrar tanımlıyoruz */
}
.hdo-hosting-zone.layout-tiles .hdo-hosting-card .hdo-hosting-cycle-select{
  border-color: rgba(var(--tile-accent-rgb), 0.35) !important;
  color: rgba(var(--tile-accent-rgb), 0.95) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='CURRENTCOLOR' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 9.75 12 15l5.25-5.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Hover */
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle-select:hover{
  border-color: rgba(var(--tile-accent-rgb), 0.55) !important;
}

/* Focus: siyah outline yerine 1px kart rengi */
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle-select:focus,
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle-select:focus-visible{
  outline: none !important;
  border-color: rgba(var(--tile-accent-rgb), 0.70) !important;
  box-shadow: 0 0 0 1px rgba(var(--tile-accent-rgb), 0.70) !important;
}

/* Option renkleri (bazı tarayıcılar için) */
.hdo-hosting-zone.layout-tiles .hdo-hosting-cycle-select option{
  color: #0f172a;
}
/* =========================================================
   ORBIT HOLO (layout-orbit) — sadece orbit'i etkiler
========================================================= */

.hdo-hosting-zone.layout-orbit{
  /* zone arka planını sade tutalım, kartlar konuşsun */
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  --hdo-hosting-pattern: 0 !important;
}

/* Kart: holo gradient + yumuşak glow */
.hdo-hosting-zone.layout-orbit .hdo-hosting-card.layout-orbit{
  position: relative;
  overflow: hidden;

  border-radius: 28px !important;
  padding: 26px 10px 22px !important;

  /* görseldeki vibe */
  background: linear-gradient(180deg,
      #fa0068 0%,
      #160083 100%) !important;

  border: 1px solid rgba(255,255,255,0.16) !important;

  box-shadow:
    0 26px 70px rgba(7, 12, 26, 0.28),
    0 18px 60px rgba(177, 12, 241, 0.18),
    0 14px 46px rgba(255, 10, 122, 0.12) !important;

  color: #fff !important;
  text-align: center;
}

/* Holo parıltılar */
.hdo-hosting-zone.layout-orbit .hdo-hosting-card.layout-orbit::before{
  content:"";
  position:absolute;
  inset:-40% -30% auto auto;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(255,255,255,0.22), transparent 62%);
  transform: rotate(18deg);
  opacity: 0.55;
  pointer-events:none;
}

.hdo-hosting-zone.layout-orbit .hdo-hosting-card.layout-orbit::after{
  content:"";
  position:absolute;
  left:-30%;
  top:-20%;
  width: 160%;
  height: 70%;
  background: linear-gradient(90deg,
      transparent,
      rgba(255,255,255,0.10),
      transparent);
  transform: rotate(12deg);
  opacity: 0.55;
  pointer-events:none;
}

/* Üst rozet */
.hdo-hosting-zone.layout-orbit .hdo-hosting-card.layout-orbit .hdo-pill{
  background: rgba(255,255,255,0.16) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color: rgba(255,255,255,1) !important;
  font-weight: 800;
}

/* Başlık */
.hdo-hosting-zone.layout-orbit .hdo-hosting-card.layout-orbit h3{
  color: #ffffff !important;
  font-size: var(--hdo-hosting-card-title-size, 36px) !important;
  line-height: 1.05;
  margin-top: 10px !important;
  letter-spacing: 0.2px;
  text-align: var(--hdo-hosting-card-title-align, left);
}

/* Açıklama görünür (siyah değil) */
.hdo-hosting-zone.layout-orbit .hdo-hosting-card.layout-orbit .hdo-hosting-desc{
  color: rgba(255,255,255,1) !important;
  opacity: 1 !important;
  font-size: var(--hdo-hosting-desc-size, 14.5px) !important;
  line-height: 1.55;
  text-align: var(--hdo-hosting-desc-align, left);
  margin-top: 10px !important;
}

/* Cycle (aylar) kart rengine uyumlu */
.hdo-hosting-zone.layout-orbit .hdo-hosting-cycles.style-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px;
}

.hdo-hosting-zone.layout-orbit .hdo-hosting-cycles.style-grid .hdo-hosting-cycle{
  width: 100% !important;
  min-width: 0 !important;

  background: rgba(0,0,0,0.22) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  color: rgba(255,255,255,1) !important;
}

.hdo-hosting-zone.layout-orbit .hdo-hosting-cycle span{
  color: rgba(255,255,255,1) !important;
  font-weight: 600;
}

.hdo-hosting-zone.layout-orbit .hdo-hosting-cycle strong{
  color: rgba(255,255,255,1) !important;
  font-weight: 800;
}

/* Aktif ay: 1px “holo” */
.hdo-hosting-zone.layout-orbit .hdo-hosting-cycle.is-active{
  border-color: rgba(255,255,255,0.34) !important;
  background: rgba(255,255,255,0.14) !important;
}

/* Footer: fiyat üstte, buton altta ve tam genişlik */
.hdo-hosting-zone.layout-orbit .hdo-hosting-foot{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 10px;
}

/* Fiyat: büyük & beyaz */
.hdo-hosting-zone.layout-orbit .hdo-hosting-price{
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 34px !important;
  letter-spacing: 0.2px;
  text-shadow: 0 14px 34px rgba(0,0,0,0.22);
}
.hdo-hosting-zone.layout-cards .hdo-hosting-price{
  color: #22c55e !important;
}
/* CTA: pembe “Satın Al” tarzı */
.hdo-hosting-zone.layout-orbit .hdo-hosting-add{
  width: 100% !important;
  border-radius: 999px !important;

  background: linear-gradient(135deg, #ff0a7a, #ff2d6f) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 16px !important;

  box-shadow:
    0 18px 44px rgba(255, 10, 122, 0.28),
    0 12px 34px rgba(177, 12, 241, 0.18) !important;
}

/* Hover: dış glow */
.hdo-hosting-zone.layout-orbit .hdo-hosting-card.layout-orbit:hover{
  transform: translateY(-3px);
  box-shadow:
    0 30px 82px rgba(7, 12, 26, 0.30),
    0 18px 54px rgba(255, 10, 122, 0.22),
    0 16px 52px rgba(177, 12, 241, 0.20) !important;
}

/* Siyah focus outline yerine 1px beyaz/holo */
.hdo-hosting-zone.layout-orbit .hdo-hosting-cycle:focus,
.hdo-hosting-zone.layout-orbit .hdo-hosting-cycle:focus-visible,
.hdo-hosting-zone.layout-orbit .hdo-hosting-add:focus,
.hdo-hosting-zone.layout-orbit .hdo-hosting-add:focus-visible{
  outline: none !important;
  border-color: rgba(255,255,255,0.65) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.65) !important;
}
.hdo-hosting-zone.layout-orbit .hdo-hosting-cycle-select{
  width: 100% !important;
  padding: 12px 46px 12px 14px !important;

  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.22) !important;

  background-color: rgba(0,0,0,0.22) !important;
  color: rgba(255,255,255,0.92) !important;

  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;

  appearance: none;
  -webkit-appearance: none;

  /* ok ikonu beyaz */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23ffffff' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 9.75 12 15l5.25-5.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 18px) 50% !important;
  background-size: 14px 14px !important;
}

/* Focus: siyah outline yerine 1px beyaz */
.hdo-hosting-zone.layout-orbit .hdo-hosting-cycle-select:focus,
.hdo-hosting-zone.layout-orbit .hdo-hosting-cycle-select:focus-visible{
  outline: none !important;
  border-color: rgba(255,255,255,0.55) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.55) !important;
}

/* Sepete ekle butonu geniş olmasın */
.hdo-hosting-zone.layout-orbit .hdo-hosting-foot{
  align-items: center !important;   /* stretch olmasın */
}

.hdo-hosting-zone.layout-orbit .hdo-hosting-add{
  width: auto !important;           /* 100% iptal */
  min-width: 180px;
  max-width: 260px;
  padding: 12px 18px !important;
}

/* Butona tıklayınca siyah outline yerine */
.hdo-hosting-zone.layout-orbit .hdo-hosting-add:focus,
.hdo-hosting-zone.layout-orbit .hdo-hosting-add:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.65) !important;
}
/* =========================================================
   AURORA NEON (layout-aurora) -> VDSUS pricing tarzı
   primary: #E63946  hover: #1D3557
   Sadece .hdo-hosting-zone.layout-aurora kapsar
========================================================= */

.hdo-hosting-zone.layout-aurora{
  /* sayfa/section arka planı gibi */
  background: rgba(230, 57, 70, 0.08) !important;
  border: none !important;
  box-shadow: none !important;
  --hdo-hosting-pattern: 0 !important;
  padding: 34px 28px !important;
  border-radius: 22px !important;
}

/* Head */
.hdo-hosting-zone.layout-aurora .hdo-hosting-head h2{
  color: #1D3557 !important;
  font-size: var(--hdo-hosting-title-size, 30px) !important;
}
.hdo-hosting-zone.layout-aurora .hdo-hosting-head .hdo-sub{
  color: rgba(29,53,87,0.70) !important;
  font-size: var(--hdo-hosting-subtitle-size, 16px) !important;
}

/* Grid */
.hdo-hosting-zone.layout-aurora .hdo-hosting-grid{
  gap: 13px !important;
}

/* Kart: beyaz, net border, VDSUS gibi */
.hdo-hosting-zone.layout-aurora .hdo-hosting-card.layout-aurora{
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(29,53,87,0.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(15,23,42,0.10) !important;

  color: #1D3557 !important;
  padding: 22px 10px !important;
}

/* Hover */
.hdo-hosting-zone.layout-aurora .hdo-hosting-card.layout-aurora:hover{
  transform: translateY(-3px);
  border-color: rgba(29,53,87,0.18) !important;
  box-shadow: 0 26px 70px rgba(15,23,42,0.12) !important;
}

/* Pill */
.hdo-hosting-zone.layout-aurora .hdo-hosting-card.layout-aurora .hdo-pill{
  background: rgba(230,57,70,0.12) !important;
  border: 1px solid rgba(230,57,70,0.16) !important;
  color: #E63946 !important;
}

/* Paket başlığı + açıklama */
.hdo-hosting-zone.layout-aurora .hdo-hosting-card.layout-aurora h3{
  color: #1D3557 !important;
  font-size: var(--hdo-hosting-card-title-size, 22px) !important;
  margin-top: 10px !important;
  text-align: var(--hdo-hosting-card-title-align, left);
}
.hdo-hosting-zone.layout-aurora .hdo-hosting-desc{
  color: rgba(29,53,87,0.70) !important;
  opacity: 1 !important;
  font-size: var(--hdo-hosting-desc-size, var(--hdo-hosting-body-size, 15px)) !important;
  text-align: var(--hdo-hosting-desc-align, left);
}

/* Fiyat alanı (kırmızı) */
.hdo-hosting-zone.layout-aurora .hdo-hosting-price{
  color: #E63946 !important;
  font-weight: 900 !important;
  font-size: 32px !important;
}

/* Cycle alanı: dropdown görünümü VDSUS gibi */
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycles.style-dropdown{
  margin-top: 10px;
}

/* Select: beyaz, ince border */
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycle-select{
  width: 100% !important;
  background: #ffffff !important;
  color: #1D3557 !important;
  border: 1px solid rgba(29,53,87,0.14) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 12px 44px 12px 14px !important;

  /* ok ikonunu lacivert yap */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%231D3557' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 9.75 12 15l5.25-5.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 18px) 50% !important;
}

/* Grid cycle kullanıyorsan da VDSUS gibi yapmak için */
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycles.style-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycles.style-grid .hdo-hosting-cycle{
  background: #ffffff !important;
  border: 1px solid rgba(29,53,87,0.14) !important;
  color: #1D3557 !important;
  box-shadow: none !important;
}
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycles.style-grid .hdo-hosting-cycle.is-active{
  border-color: #E63946 !important;
}

.hdo-hosting-zone.layout-aurora .hdo-hosting-cycle strong{
  color: #E63946 !important;
  font-weight: 900;
}
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycle.is-active{
  border-color: rgba(230,57,70,0.35) !important;
  background: rgba(230,57,70,0.08) !important;
}

/* Footer: buton VDSUS gibi tam genişlik */
.hdo-hosting-zone.layout-aurora .hdo-hosting-foot{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin-top: 14px;
}

/* Sepete ekle butonu */
.hdo-hosting-zone.layout-aurora .hdo-hosting-add{
  width: 100% !important;
  border-radius: 14px !important;
  background: #E63946 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 40px rgba(230,57,70,0.22) !important;
}
.hdo-hosting-zone.layout-aurora .hdo-hosting-add:hover{
  background: #1D3557 !important;   /* hover rengi */
  box-shadow: 0 18px 46px rgba(29,53,87,0.22) !important;
}

/* Focus: siyah outline yerine 1px lacivert */
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycle:focus,
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycle:focus-visible,
.hdo-hosting-zone.layout-aurora .hdo-hosting-add:focus,
.hdo-hosting-zone.layout-aurora .hdo-hosting-add:focus-visible,
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycle-select:focus,
.hdo-hosting-zone.layout-aurora .hdo-hosting-cycle-select:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(29,53,87,0.55) !important;
  border-color: rgba(29,53,87,0.55) !important;
}
/* layout-cards: kart hover shadow yeşil */
.hdo-hosting-zone.layout-cards .hdo-hosting-card.layout-cards:hover{
  box-shadow: 0 24px 72px rgba(34, 197, 94, 0.22) !important;
  border-color: rgba(34, 197, 94, 0.35) !important;
}