/* ============================================================
 * ORDER steps only
 * Kaynak: Yedek (yeniden adlandirilmis / birlestirilmis)
 * Kural: bu dosya yalnizca bu kategori alanina aittir
 * ============================================================ */

/* --- source: css/order-steps-unified.css --- */
html.fx-active-foreign:not(.fx-ready) [data-raw-amount],
html.fx-active-foreign:not(.fx-ready) [class*="-period-price"],
html.fx-active-foreign:not(.fx-ready) [class*="-original-price"],
html.fx-active-foreign:not(.fx-ready) [class*="-period-setup-fee"],
html.fx-active-foreign:not(.fx-ready) [class*="-summary-item-price"],
html.fx-active-foreign:not(.fx-ready) [class*="-summary-addon-price"],
html.fx-active-foreign:not(.fx-ready) #total_amount {
    visibility: hidden;
    opacity: 0;
    min-height: 1.25em;
    min-width: 3ch;
}
html.cv2-fx-active:not(.fx-ready) [data-raw-amount],
html.cv2-fx-active:not(.fx-ready) [class*="-period-price"],
html.cv2-fx-active:not(.fx-ready) [class*="-original-price"],
html.cv2-fx-active:not(.fx-ready) [class*="-period-setup-fee"],
html.cv2-fx-active:not(.fx-ready) [class*="-summary-item-price"],
html.cv2-fx-active:not(.fx-ready) [class*="-summary-addon-price"],
html.cv2-fx-active:not(.fx-ready) #total_amount {
    visibility: hidden;
    opacity: 0;
    min-height: 1.25em;
    min-width: 3ch;
}
html.fx-active-foreign:not(.fx-ready) .coresepeteim-price,
html.cv2-fx-active:not(.fx-ready) .coresepeteim-price {
    visibility: hidden;
    opacity: 0;
    min-height: 1.25em;
    min-width: 3ch;
}
html.fx-active-foreign:not(.fx-ready) .amount_spot_view,
html.cv2-fx-active:not(.fx-ready) .amount_spot_view {
    visibility: hidden;
    opacity: 0;
    min-height: 1.25em;
    min-width: 3ch;
}
html.fx-ready [data-raw-amount],
html.fx-ready [class*="-period-price"],
html.fx-ready [class*="-original-price"],
html.fx-ready [class*="-period-setup-fee"],
html.fx-ready [class*="-summary-item-price"],
html.fx-ready [class*="-summary-addon-price"],
html.fx-ready #total_amount {
    visibility: visible;
    opacity: 1;
}
html.fx-ready .coresepeteim-price {
    visibility: visible;
    opacity: 1;
}
html.fx-ready .amount_spot_view {
    visibility: visible;
    opacity: 1;
}

.cv2-period-block--hosting {
    --cv2-period-active-bg: var(--sepethosting-primary-gradient, var(--CoreV2-primary-gradient, var(--CoreV2-primary)));
    --cv2-period-accent: var(--sepethosting-primary, var(--CoreV2-primary));
    --cv2-period-accent-rgb: var(--sepethosting-primary-rgb, var(--cv2-primary-rgb));
    --cv2-period-border: var(--sepethosting-border, var(--border-color));
}
@media (max-width: 767px) {
    .cv2-period-grid--hosting {
        --cv2-os-card-w: calc(50% - 4px);
        --cv2-card-width: calc(50% - 4px);
    }
}
.cv2-period-block--server {
    --cv2-period-active-bg: var(--sepetsunucu-primary-gradient, var(--CoreV2-primary-gradient, var(--CoreV2-primary)));
    --cv2-period-accent: var(--sepetsunucu-primary, var(--CoreV2-primary));
    --cv2-period-accent-rgb: var(--sepetsunucu-primary-rgb, var(--cv2-primary-rgb));
    --cv2-period-border: var(--sepetsunucu-border, var(--border-color));
}
.cv2-period-block--sms {
    --cv2-period-active-bg: var(--sepetsms-primary-gradient, var(--CoreV2-primary-gradient, var(--CoreV2-primary)));
    --cv2-period-accent: var(--sepetsms-primary, var(--CoreV2-primary));
    --cv2-period-accent-rgb: var(--sepetsms-primary-rgb, var(--cv2-primary-rgb));
    --cv2-period-border: var(--sepetsms-border, var(--border-color));
}
.cv2-period-block--software {
    --cv2-period-active-bg: var(--sepetsoftware-primary-gradient, var(--CoreV2-primary-gradient, var(--CoreV2-primary)));
    --cv2-period-accent: var(--sepetsoftware-primary, var(--CoreV2-primary));
    --cv2-period-accent-rgb: var(--sepetsoftware-primary-rgb, var(--cv2-primary-rgb));
    --cv2-period-border: var(--sepetsoftware-border, var(--border-color));
}
.cv2-period-block--special {
    --cv2-period-active-bg: var(--sepetozel-primary-gradient, var(--CoreV2-primary-gradient, var(--CoreV2-primary)));
    --cv2-period-accent: var(--sepetozel-primary, var(--CoreV2-primary));
    --cv2-period-accent-rgb: var(--sepetozel-primary-rgb, var(--cv2-primary-rgb));
    --cv2-period-border: var(--sepetozel-border, var(--border-color));
}

.cv2-order-shell .cv2-period-grid,
.cv2-period-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    gap: 12px;
    width: 100%;
    max-width: min(100%, 880px);
    margin: 8px auto 14px;
    padding: 0 6px;
    box-sizing: border-box;
}
.cv2-order-shell .cv2-period-grid {
    justify-content: flex-start;
    max-width: 100%;
}

.cv2-period-block {
    flex: 0 0 var(--cv2-card-width, 148px);
    max-width: var(--cv2-card-width, 148px);
    width: var(--cv2-card-width, 148px);
    min-width: 0;
    min-height: 132px;
    padding: 10px 8px 0;
    background: var(--cv2-order-soft-bg, rgba(var(--cv2-period-accent-rgb, var(--cv2-primary-rgb)), 0.06));
    border: 1px solid var(--cv2-order-border, var(--cv2-period-border, var(--border-color)));
    border-radius: var(--cv2-radius-card, 18px);
    box-shadow: none;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    contain: none;
    will-change: transform, filter, opacity;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                filter 0.35s ease,
                opacity 0.35s ease,
                border-color 0.25s ease;
}
.cv2-period-block:not(.active) {
    background: var(--cv2-order-soft-bg, rgba(var(--cv2-period-accent-rgb, var(--cv2-primary-rgb)), 0.06));
    border-color: var(--cv2-order-border, var(--cv2-period-border, var(--border-color)));
}
.cv2-period-block:hover {
    transform: none;
    filter: none;
    opacity: 1;
    z-index: 2;
    border-color: rgba(var(--cv2-period-accent-rgb, var(--cv2-primary-rgb)), 0.22);
}
@media (hover: hover) {
    .cv2-period-grid:hover .cv2-period-block:not(:hover):not(.active) {
        filter: blur(1.5px);
        opacity: 0.62;
        transform: none;
    }
}
.cv2-period-block.active {
    background: var(--cv2-period-active-bg);
    border-color: transparent;
    box-shadow: none;
    color: #ffffff;
    transform: none;
    filter: none;
    opacity: 1;
    z-index: 3;
}
.cv2-period-block.active .cv2-period-title,
.cv2-period-block.active .cv2-period-discount-badge,
.cv2-period-block.active .cv2-period-price,
.cv2-period-block.active .cv2-period-original-price,
.cv2-period-block.active .cv2-period-setup-fee,
.cv2-period-block.active [class*="setup-fee"] {
    color: #ffffff;
}

.cv2-period-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 14px;
    text-align: center;
}
.cv2-period-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}
.cv2-period-price {
    display: block;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}
.cv2-period-original-price {
    display: block;
    opacity: 0.65;
    text-decoration: line-through;
    font-size: 13px;
    margin-top: 2px;
}
.cv2-period-setup-fee {
    font-size: 11px;
    opacity: 0.76;
    margin-top: 3px;
}
.cv2-period-footer {
    border-top: 1px dashed rgba(var(--cv2-period-accent-rgb, var(--CoreV2-primary-rgb, 148, 163, 184)), 0.12);
    padding: 10px;
    margin-top: auto;
}
.cv2-period-select-indicator {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid var(--cv2-period-border, var(--border-color));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    color: transparent;
    font-size: 12px;
    background: transparent;
}
.cv2-period-block.active .cv2-period-select-indicator {
    background: transparent;
    border-color: transparent;
    color: #ffffff;
    transform: none;
    box-shadow: none;
}
.cv2-period-block.active .cv2-period-select-indicator i {
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
}
.cv2-period-discount-badge,
[class*="-discount-badge"] {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    font-size: var(--cv2-font-size-button, 10px);
    font-weight: 700;
    padding: 2px 7px;
    border-radius: var(--cv2-radius-btn, 10px);
    border-style: dashed;
    margin-bottom: 6px;
    letter-spacing: 0.01em;
    max-width: fit-content;
    white-space: nowrap;
    background: rgba(var(--cv2-period-accent-rgb, var(--cv2-primary-rgb)), 0.08);
    color: var(--cv2-period-accent, var(--CoreV2-primary));
    border-color: rgba(var(--cv2-period-accent-rgb, var(--cv2-primary-rgb)), 0.3);
}
.cv2-period-block.active .cv2-period-discount-badge,
[class*="-period-block"].active [class*="-discount-badge"] {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 991px) {
    .cv2-period-grid.cv2-period-mobile-grid,
    .cv2-order-shell [class*="-period-container"].cv2-period-mobile-grid,
    .cv2-listing-period-grid.cv2-period-mobile-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        flex-wrap: wrap;
        overflow: visible;
        overflow-x: visible;
        scroll-snap-type: none;
        justify-content: stretch;
        gap: 12px;
        width: 100%;
        max-width: 100%;
        padding: 0 6px;
        box-sizing: border-box;
    }
    .cv2-period-grid.cv2-period-mobile-grid .cv2-period-block,
    .cv2-period-grid.cv2-period-mobile-grid [class*="-period-block"],
    .cv2-order-shell [class*="-period-container"].cv2-period-mobile-grid [class*="-period-block"] {
        flex: none;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 128px;
        height: 100%;
        overflow: hidden;
        scroll-snap-align: unset;
    }
    .cv2-period-grid:hover .cv2-period-block:not(:hover):not(.active),
    .cv2-order-shell [class*="-period-container"]:hover [class*="-period-block"]:not(:hover):not(.active) {
        filter: none;
        opacity: 1;
    }
}

.sepethosting-step.completed {
    background: var(--sepethosting-card-bg);
    border-color: rgba(var(--sepethosting-primary-rgb), 0.15);
    opacity: 0.7;
    pointer-events: auto;
}
.sepethosting-step.completed .sepethosting-step-number {
    background: rgba(var(--sepethosting-primary-rgb), 0.12);
    border-color: rgba(var(--sepethosting-primary-rgb), 0.25);
    color: var(--sepethosting-primary);
    font-size: 0;
}
.sepethosting-step.completed .sepethosting-step-name,
.sepethosting-step.completed .sepethosting-step-description {
    color: var(--sepethosting-title);
}
.sepethosting-step.completed .sepethosting-step-description {
    opacity: 0.6;
}

.cv2-order-shell [class*="-button"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 40px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    font-size: var(--cv2-font-size-button, 15px);
    font-weight: 600;
    color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.04);
    cursor: pointer;
    transition: all 0.25s ease;
    letter-spacing: 0.01em;
    width: auto;
    min-width: 280px;
    min-height: 52px;
    margin: 0;
    box-shadow: none;
    outline: none;
    outline-offset: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.sepethosting-button { background: var(--sepethosting-primary-gradient); }
.sepetsunucu-button { background: var(--sepetsunucu-primary-gradient); }
.sepetsms-button { background: var(--sepetsms-primary-gradient); }
.sepetsoftware-button { background: var(--sepetsoftware-primary-gradient); }
.sepetozel-button { background: var(--sepetozel-primary-gradient); }
.cv2-order-shell [class*="-button"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.06);
    box-shadow: none;
    color: #ffffff;
}
.cv2-order-shell [class*="-button"]:active {
    transform: translateY(0);
}

.cv2-order-shell [class*="-center"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    gap: 12px;
}
.cv2-order-shell [class*="-center"] [class*="-button"],
.cv2-order-shell [class*="-center"] button,
.cv2-order-shell [class*="-center"] input[type="submit"],
.cv2-order-shell [class*="-center"] .mio-ajax-submit {
    margin: 0;
    width: auto;
    min-width: 200px;
    outline: var(--cv2-btn-outline, 2px solid rgba(var(--CoreV2-primary-rgb), 0.25));
    outline-offset: var(--cv2-btn-outline-offset, 3px);
}
@media (max-width: 767px) {
    .cv2-order-shell [class*="-center"] {
        margin-top: 20px;
        gap: 10px;
    }
    .cv2-order-shell [class*="-button"] {
        width: 100%;
        min-width: 0;
        padding: 12px 16px;
        font-size: var(--cv2-font-size-button, 13px);
        border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    }
}

[data-theme="dark"] .cv2-period-footer {
    border-top-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .cv2-period-select-indicator {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
}

/* CoreV2 Order Wizard professional polish - final cascade layer */
.cv2-order-shell {
    --cv2-order-border: rgba(var(--cv2-primary-rgb), 0.10);
    --cv2-order-border-strong: rgba(var(--cv2-primary-rgb), 0.18);
    /* muted/title = Baslik ailesi; primary fallback YOK */
    --cv2-order-muted: var(--cv2-text, var(--cv2-soft-text, var(--cv2-text-muted, #64748b)));
    --cv2-order-title: var(--cv2-heading, var(--cv2-secondary, #1c1d28));
    --cv2-order-card-bg: var(--CoreV2-surface-card, #ffffff);
    --cv2-order-soft-bg: color-mix(in srgb, var(--CoreV2-primary, var(--cv2-primary-tone)) 7%, var(--cv2-order-card-bg));
    --cv2-order-focus: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.26);
}
[data-theme="dark"] .cv2-order-shell {
    --cv2-order-border: rgba(var(--cv2-primary-rgb), 0.18);
    --cv2-order-border-strong: rgba(var(--cv2-primary-rgb), 0.30);
    --cv2-order-muted: var(--cv2-text, var(--cv2-soft-text, #94a3b8));
    --cv2-order-title: var(--cv2-heading, #f3f6fb);
    --cv2-order-card-bg: var(--CoreV2-surface-card, #111827);
    --cv2-order-soft-bg: rgba(255, 255, 255, 0.045);
    --cv2-order-focus: rgba(var(--cv2-primary-rgb), 0.36);
}
.cv2-order-shell .cv2-order-card {
    background: var(--cv2-order-card-bg);
    border: 1px solid var(--cv2-order-border);
    border-radius: 18px;
}
.cv2-order-shell .cv2-order-step-title,
.cv2-order-shell .cv2-order-head-title {
    display: block;
    visibility: visible;
    opacity: 1;
    min-height: 1.2em;
    color: var(--cv2-order-title);
    letter-spacing: 0;
}
.cv2-order-shell .cv2-order-step-desc,
.cv2-order-shell .cv2-order-head-desc {
    color: var(--cv2-order-muted);
}
.cv2-order-shell form:has(> [class*="-period-container"]) {
    display: block;
}
.cv2-order-shell form:has(> [class*="-period-container"]) [class*="-period-container"],
.cv2-order-shell form:has(> .cv2-period-grid) .cv2-period-grid {
    margin-bottom: 18px;
}
.cv2-order-shell [class*="-center"] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    margin: 18px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid var(--cv2-order-border);
    gap: 10px;
}
.cv2-order-shell [class*="-center"] [class*="-button"],
.cv2-order-shell [class*="-center"] button,
.cv2-order-shell [class*="-center"] input[type="submit"] {
    min-height: 52px;
    min-width: 0;
    width: 100%;
    max-width: 360px;
    align-self: center;
    padding: 0 22px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary, var(--cv2-primary-tone)));
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: none;
    outline: none;
    transform: translateY(0);
    transition: filter .18s ease, border-color .18s ease;
}
.cv2-order-shell [class*="-center"] .mio-ajax-submit {
    min-height: 52px;
    min-width: 0;
    width: 100%;
    max-width: 360px;
    align-self: center;
    padding: 0 22px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary, var(--cv2-primary-tone)));
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: none;
    outline: none;
    transform: translateY(0);
    transition: filter .18s ease, border-color .18s ease;
}
.cv2-order-shell .sepetsunucu-summary-footer [class*="-button"] {
    min-height: 52px;
    min-width: 0;
    width: 100%;
    max-width: 360px;
    align-self: center;
    padding: 0 22px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary, var(--cv2-primary-tone)));
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: none;
    outline: none;
    transform: translateY(0);
    transition: filter .18s ease, border-color .18s ease;
}
.cv2-order-shell [class*="-center"] [class*="-button"]:hover,
.cv2-order-shell [class*="-center"] button:hover,
.cv2-order-shell .sepetsunucu-summary-footer [class*="-button"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow: none;
}
.cv2-order-shell [class*="-center"] [class*="-button"]:active,
.cv2-order-shell [class*="-center"] button:active,
.cv2-order-shell .sepetsunucu-summary-footer [class*="-button"]:active {
    transform: translateY(0);
    box-shadow: none;
}
.cv2-order-shell [class*="-center"] [class*="-button"]:focus-visible,
.cv2-order-shell [class*="-center"] button:focus-visible,
.cv2-order-shell .sepetsunucu-summary-footer [class*="-button"]:focus-visible {
    box-shadow: 0 0 0 3px var(--cv2-order-focus);
}
.cv2-order-shell .cv2-period-grid {
    justify-content: flex-start;
    gap: 10px;
    padding: 0;
    max-width: 100%;
}
.cv2-order-shell .cv2-period-block,
.cv2-order-shell [class*="-period-container"] [class*="-period-block"] {
    min-height: 144px;
    background: var(--cv2-order-soft-bg);
    border: 1px solid var(--cv2-order-border);
    border-radius: var(--cv2-radius-card, 14px);
    color: var(--cv2-order-title);
    box-shadow: 0 1px 0 rgba(var(--cv2-primary-rgb), 0.03);
    opacity: 1;
    filter: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.cv2-order-shell .cv2-period-block:hover,
.cv2-order-shell [class*="-period-container"] [class*="-period-block"]:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.38);
    box-shadow: 0 12px 24px rgba(var(--cv2-primary-rgb), 0.08);
}
.cv2-order-shell .cv2-period-block.active,
.cv2-order-shell [class*="-period-container"] [class*="-period-block"].active {
    background: var(--cv2-period-active-bg, var(--CoreV2-primary-gradient, var(--CoreV2-primary)));
    border-color: transparent;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: none;
}
.cv2-order-shell .cv2-period-title,
.cv2-order-shell [class*="-period-title"] {
    color: var(--cv2-order-title);
    font-weight: 700;
}
.cv2-order-shell .cv2-period-price,
.cv2-order-shell [class*="-period-price"] {
    color: var(--cv2-order-title);
    background: rgba(255, 255, 255, 0.58);
    border: 1px solid var(--cv2-order-border);
}
[data-theme="dark"] .cv2-order-shell .cv2-period-price,
[data-theme="dark"] .cv2-order-shell [class*="-period-price"] {
    background: rgba(255, 255, 255, 0.065);
}
.cv2-order-shell .cv2-period-block.active .cv2-period-title,
.cv2-order-shell .cv2-period-block.active .cv2-period-price,
.cv2-order-shell [class*="-period-block"].active [class*="-period-title"],
.cv2-order-shell [class*="-period-block"].active [class*="-period-price"],
.cv2-order-shell [class*="-period-block"].active [class*="-original-price"],
.cv2-order-shell [class*="-period-block"].active [class*="-period-setup-fee"] {
    color: #ffffff;
}
.cv2-order-shell .cv2-period-block.active .cv2-period-price,
.cv2-order-shell [class*="-period-block"].active [class*="-period-price"] {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.24);
}
@media (hover: hover) {
    .cv2-order-shell .cv2-period-grid:hover .cv2-period-block:not(:hover):not(.active) {
        filter: none;
        opacity: .86;
        transform: none;
    }
}
.cv2-order-shell--configuration .cv2-order-area {
    grid-template-columns: 1fr;
}
.cv2-order-shell--configuration .cv2-order-aside {
    display: none;
}
.cv2-order-shell--configuration .cv2-order-inner {
    max-width: 100%;
}
.cv2-order-shell--configuration .sepetsunucu-config-container {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
    gap: 22px;
    max-width: 100%;
    align-items: start;
}
.cv2-order-shell--configuration .sepetsunucu-config-right {
    top: calc(var(--CoreV2-header-height, 64px) + 14px);
    z-index: 2;
    max-height: calc(100vh - var(--CoreV2-header-height, 64px) - 28px);
    overflow-y: auto;
    overscroll-behavior: contain;
}
.cv2-order-shell--configuration .sepetsunucu-summary-card {
    border-radius: var(--cv2-radius-card, 16px);
    border: 1px solid var(--cv2-order-border-strong);
    background: var(--cv2-order-card-bg);
    -webkit-mask-image: none;
    mask-image: none;
    box-shadow: 0 14px 34px rgba(var(--cv2-primary-rgb), 0.08);
}
[data-theme="dark"] .cv2-order-shell--configuration .sepetsunucu-summary-card {
    box-shadow: none;
}
.cv2-order-shell--configuration .sepetsunucu-summary-header,
.cv2-order-shell--configuration .sepetsunucu-summary-content,
.cv2-order-shell--configuration .sepetsunucu-summary-footer {
    padding-left: 22px;
    padding-right: 22px;
}
.cv2-order-shell--configuration .sepetsunucu-summary-item {
    background: var(--cv2-order-soft-bg);
    border-color: var(--cv2-order-border);
}
.cv2-order-shell .sepetsunucu-radio-label,
.cv2-order-shell .sepetsunucu-checkbox-label {
    background: var(--cv2-order-soft-bg);
    border: 1px solid var(--cv2-order-border);
    color: var(--cv2-order-title);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
}
.cv2-order-shell .sepethosting-radio-label,
.cv2-order-shell .sepethosting-checkbox-label {
    background: var(--cv2-order-soft-bg);
    border: 1px solid var(--cv2-order-border);
    color: var(--cv2-order-title);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
}
.cv2-order-shell .sepetsoftware-radio-label,
.cv2-order-shell .sepetsoftware-checkbox-label {
    background: var(--cv2-order-soft-bg);
    border: 1px solid var(--cv2-order-border);
    color: var(--cv2-order-title);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
}
.cv2-order-shell .sepetozel-radio-label,
.cv2-order-shell .sepetozel-checkbox-label {
    background: var(--cv2-order-soft-bg);
    border: 1px solid var(--cv2-order-border);
    color: var(--cv2-order-title);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
}
.cv2-order-shell .sepetsms-radio-label,
.cv2-order-shell .sepetsms-checkbox-label {
    background: var(--cv2-order-soft-bg);
    border: 1px solid var(--cv2-order-border);
    color: var(--cv2-order-title);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
}
.cv2-order-shell .sepetsunucu-radio-label:hover,
.cv2-order-shell .sepetsunucu-checkbox-label:hover {
    border-color: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.34);
    transform: translateY(-1px);
}
.cv2-order-shell .sepethosting-radio-label:hover,
.cv2-order-shell .sepethosting-checkbox-label:hover {
    border-color: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.34);
    transform: translateY(-1px);
}
.cv2-order-shell .sepetsoftware-radio-label:hover,
.cv2-order-shell .sepetsoftware-checkbox-label:hover {
    border-color: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.34);
    transform: translateY(-1px);
}
.cv2-order-shell .sepetozel-radio-label:hover,
.cv2-order-shell .sepetozel-checkbox-label:hover {
    border-color: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.34);
    transform: translateY(-1px);
}
.cv2-order-shell .sepetsms-radio-label:hover,
.cv2-order-shell .sepetsms-checkbox-label:hover {
    border-color: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.34);
    transform: translateY(-1px);
}
.cv2-order-shell label:has(input:checked) {
    border-color: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.48);
    background: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.10);
}
@media (max-width: 1024px) {
    .cv2-order-shell--configuration .sepetsunucu-config-container {
        grid-template-columns: 1fr;
    }
    .cv2-order-shell--configuration .sepetsunucu-config-right {
        position: static;
    }
}
@media (max-width: 767px) {
    .cv2-order-shell [class*="-center"] [class*="-button"],
    .cv2-order-shell [class*="-center"] button,
    .cv2-order-shell .sepetsunucu-summary-footer [class*="-button"] {
        max-width: none;
        align-self: stretch;
    }
    .cv2-order-shell .cv2-period-grid {
        gap: 12px;
    }
    .cv2-order-shell .cv2-period-grid.cv2-period-mobile-grid .cv2-period-block,
    .cv2-order-shell [class*="-period-container"].cv2-period-mobile-grid [class*="-period-block"] {
        flex: none;
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }
}

/* CoreV2 Order Wizard refinement - softer frames and compact right CTA */
.cv2-order-shell {
    --cv2-order-border: rgba(var(--cv2-primary-rgb), 0.075);
    --cv2-order-border-strong: rgba(var(--cv2-primary-rgb), 0.13);
    --cv2-order-soft-bg: color-mix(in srgb, var(--CoreV2-primary, var(--cv2-primary-tone)) 4%, var(--cv2-order-card-bg));
}
[data-theme="dark"] .cv2-order-shell {
    --cv2-order-border: rgba(var(--cv2-primary-rgb), 0.12);
    --cv2-order-border-strong: rgba(var(--cv2-primary-rgb), 0.18);
    --cv2-order-card-bg: color-mix(in srgb, var(--CoreV2-surface-card, #111827) 82%, #ffffff);
    --cv2-order-soft-bg: rgba(255, 255, 255, 0.032);
}
.cv2-order-shell .cv2-order-card {
    border-color: var(--cv2-order-border);
    box-shadow: 0 1px 2px rgba(var(--cv2-primary-rgb), 0.025);
}
[data-theme="dark"] .cv2-order-shell .cv2-order-card {
    box-shadow: none;
}
.cv2-order-shell [class*="-center"] {
    align-items: flex-end;
    padding-top: 12px;
    border-top-color: rgba(var(--cv2-primary-rgb), 0.14);
}
.cv2-order-shell [class*="-center"] [class*="-button"],
.cv2-order-shell [class*="-center"] button,
.cv2-order-shell [class*="-center"] input[type="submit"],
.cv2-order-shell [class*="-center"] .mio-ajax-submit {
    width: auto;
    min-width: 178px;
    max-width: 240px;
    min-height: 46px;
    align-self: flex-end;
    padding: 0 18px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 11px));
    box-shadow: none;
}
.cv2-order-shell [class*="-center"] [class*="-button"]:hover,
.cv2-order-shell [class*="-center"] button:hover {
    box-shadow: none;
}
.cv2-order-shell .cv2-period-block,
.cv2-order-shell [class*="-period-container"] [class*="-period-block"] {
    border-color: var(--cv2-order-border);
    background: var(--cv2-order-soft-bg);
    box-shadow: none;
}
.cv2-order-shell .cv2-period-block:hover,
.cv2-order-shell [class*="-period-container"] [class*="-period-block"]:hover {
    border-color: rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.22);
    box-shadow: 0 8px 18px rgba(var(--cv2-primary-rgb), 0.045);
}
[data-theme="dark"] .cv2-order-shell .cv2-period-block:hover,
[data-theme="dark"] .cv2-order-shell [class*="-period-container"] [class*="-period-block"]:hover {
    box-shadow: none;
}
.cv2-order-shell .cv2-period-block.active,
.cv2-order-shell [class*="-period-container"] [class*="-period-block"].active {
    box-shadow: none;
}
.cv2-order-shell .cv2-period-price,
.cv2-order-shell [class*="-period-price"] {
    background: rgba(255, 255, 255, 0.44);
    border-color: rgba(var(--cv2-primary-rgb), 0.14);
}
[data-theme="dark"] .cv2-order-shell .cv2-period-price,
[data-theme="dark"] .cv2-order-shell [class*="-period-price"] {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(var(--cv2-primary-rgb), 0.10);
}
.cv2-order-shell .cv2-period-select-indicator,
.cv2-order-shell [class*="-select-indicator"] {
    border-color: rgba(var(--cv2-primary-rgb), 0.18);
    color: rgba(var(--cv2-primary-rgb), 0.42);
}
.cv2-order-shell [id^="result-success"],
.cv2-order-shell [class*="-success"],
.cv2-order-shell [class*="-success-message"] {
    width: min(100%, 360px);
    align-self: flex-end;
    margin: 8px 0 0 auto;
    padding: 11px 14px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    border: 1px solid rgba(var(--cv2-primary-rgb), 0.18);
    background: rgba(var(--cv2-primary-rgb), 0.085);
    color: var(--cv2-success);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
    text-align: left;
    box-shadow: none;
}
[data-theme="dark"] .cv2-order-shell [id^="result-success"],
[data-theme="dark"] .cv2-order-shell [class*="-success"],
[data-theme="dark"] .cv2-order-shell [class*="-success-message"] {
    background: rgba(var(--cv2-primary-rgb), 0.11);
    border-color: rgba(var(--cv2-primary-rgb), 0.20);
    color: var(--cv2-primary);
}
.cv2-order-shell [id^="result"],
.cv2-order-shell [class*="-error"] {
    max-width: 360px;
    align-self: flex-end;
}
@media (max-width: 767px) {
    .cv2-order-shell [class*="-center"] {
        align-items: stretch;
    }
    .cv2-order-shell [class*="-center"] [class*="-button"],
    .cv2-order-shell [class*="-center"] button,
    .cv2-order-shell [class*="-center"] input[type="submit"],
    .cv2-order-shell [class*="-center"] .mio-ajax-submit,
    .cv2-order-shell [id^="result-success"],
    .cv2-order-shell [class*="-success"],
    .cv2-order-shell [class*="-success-message"] {
        width: 100%;
        max-width: none;
        align-self: stretch;
    }
}

/* CoreV2 Order Wizard domain action color restore */
.cv2-order-shell[data-order-widget="hosting"] .cv2-order-step-head:has(+ .sepethosting-content .sepethosting-unified-search) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.cv2-order-shell[data-order-widget="hosting"] .cv2-order-step-head:has(+ .sepethosting-content .sepethosting-unified-search) .cv2-order-step-desc {
    max-width: 420px;
    margin-left: auto;
    padding: 8px 12px;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    border: 1px solid rgba(var(--sepethosting-primary-rgb, var(--CoreV2-primary-rgb, 37, 99, 235)), 0.14);
    background: rgba(var(--sepethosting-primary-rgb, var(--CoreV2-primary-rgb, 37, 99, 235)), 0.055);
    color: var(--sepethosting-text, var(--CoreV2-text-muted, #64748b));
    font-size: 12.5px;
    line-height: 1.45;
}
.cv2-order-shell[data-order-widget="hosting"] .unavail-card-filled,
.cv2-order-shell[data-order-widget="hosting"] .unavail-card-dashed {
    background: var(--sepethosting-card-bg, var(--cv2-order-card-bg, #ffffff));
    border-color: rgba(var(--sepethosting-primary-rgb, var(--CoreV2-primary-rgb, 37, 99, 235)), 0.13);
}
[data-theme="dark"] .cv2-order-shell[data-order-widget="hosting"] .unavail-card-filled,
[data-theme="dark"] .cv2-order-shell[data-order-widget="hosting"] .unavail-card-dashed {
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(var(--sepethosting-primary-rgb, var(--cv2-primary-rgb)), 0.16);
}

/* CoreV2 Order Wizard cross-widget domain button restore */

/* ── Paket seçimi: sayfa açılışında geç animasyon yok ── */
.cv2-order-shell [class*="-period-block"].active,
.cv2-order-shell .cv2-period-block.active {
    animation: none;
}

@media (max-width: 767px) {
    .cv2-order-shell [class*="-center"] [class*="-button"].loading,
    .cv2-order-shell [class*="-center"] .mio-ajax-submit.loading,
    .cv2-order-shell [class*="-center"] [class*="-button"][data-pending],
    .cv2-order-shell [class*="-center"] .mio-ajax-submit[data-pending] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}
.cv2-order-shell [class*="-center"] [class*="-button"],
.cv2-order-shell [class*="-center"] .mio-ajax-submit {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 100%;
}
.cv2-order-shell [class*="-center"] [class*="-button"].loading,
.cv2-order-shell [class*="-center"] .mio-ajax-submit.loading,
.cv2-order-shell [class*="-center"] [class*="-button"][data-pending],
.cv2-order-shell [class*="-center"] .mio-ajax-submit[data-pending],
.cv2-order-shell [class*="-center"] [class*="-button"][disabled],
.cv2-order-shell [class*="-center"] .mio-ajax-submit[disabled] {
    min-height: 48px;
    height: 48px;
    width: auto;
    max-width: min(360px, 100%);
    min-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    transform: none;
    overflow: hidden;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .cv2-order-shell [class*="-center"] [class*="-button"].loading,
    .cv2-order-shell [class*="-center"] .mio-ajax-submit.loading,
    .cv2-order-shell [class*="-center"] [class*="-button"][data-pending],
    .cv2-order-shell [class*="-center"] .mio-ajax-submit[data-pending],
    .cv2-order-shell [class*="-center"] [class*="-button"][disabled],
    .cv2-order-shell [class*="-center"] .mio-ajax-submit[disabled] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}

/* Tüm sipariş ripple span'ları — position:absolute olmazsa buton şişer */
[class*="-ripple"] {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: cv2OrderRipple 0.6s linear;
    pointer-events: none;
    z-index: 0;
    max-width: 140px;
    max-height: 140px;
}
.sepethosting-ripple {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: cv2OrderRipple 0.6s linear;
    pointer-events: none;
    z-index: 0;
}
.sepetsunucu-ripple {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: cv2OrderRipple 0.6s linear;
    pointer-events: none;
    z-index: 0;
}
.sepetsms-ripple {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: cv2OrderRipple 0.6s linear;
    pointer-events: none;
    z-index: 0;
}
.sepetsoftware-ripple {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: cv2OrderRipple 0.6s linear;
    pointer-events: none;
    z-index: 0;
}
.sepetozel-ripple {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: cv2OrderRipple 0.6s linear;
    pointer-events: none;
    z-index: 0;
}
@keyframes cv2OrderRipple {
    to { transform: scale(2.5); opacity: 0; }
}

.cv2-order-shell[data-order-widget="hosting"] [class*="-center"] [class*="-button"] {
    background: var(--sepethosting-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell[data-order-widget="hosting"] [class*="-center"] .mio-ajax-submit {
    background: var(--sepethosting-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell[data-order-widget="hosting"] .sepethosting-button {
    background: var(--sepethosting-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell[data-order-widget="server"] [class*="-center"] [class*="-button"] {
    background: var(--sepetsunucu-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell[data-order-widget="server"] [class*="-center"] .mio-ajax-submit {
    background: var(--sepetsunucu-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell[data-order-widget="server"] .sepetsunucu-button,
.cv2-order-shell[data-order-widget="server"] .sepetsunucu-summary-footer [class*="-button"] {
    background: var(--sepetsunucu-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell[data-order-widget="software"] [class*="-center"] [class*="-button"],
.cv2-order-shell[data-order-widget="software"] .sepetsoftware-button {
    background: var(--sepetsoftware-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell[data-order-widget="sms"] [class*="-center"] [class*="-button"],
.cv2-order-shell[data-order-widget="sms"] .sepetsms-button {
    background: var(--sepetsms-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell[data-order-widget="special"] [class*="-center"] [class*="-button"],
.cv2-order-shell[data-order-widget="special"] .sepetozel-button {
    background: var(--sepetozel-primary-gradient, var(--CoreV2-primary-gradient));
}

/* Görsel seçim kartları (işletim sistemi vb.) — pill stilini ezme */
.cv2-order-shell [class*="-radio-group"]:has(img),
.cv2-order-shell [class*="-checkbox-group"]:has(img) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 8px;
    max-width: 100%;
}
.cv2-order-shell [class*="-radio-label"]:has(img),
.cv2-order-shell [class*="-checkbox-label"]:has(img) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 8px 6px;
    min-height: 0;
    max-width: 108px;
    width: 100%;
    border-radius: var(--cv2-radius-card, 10px);
    gap: 4px;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 1;
}
.cv2-order-shell [class*="-radio-label"]:has(img) img,
.cv2-order-shell [class*="-checkbox-label"]:has(img) img {
    display: block;
    max-width: 56px;
    max-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto 2px;
    pointer-events: none;
}
.cv2-order-shell [class*="-radio-label"]:has(img) input,
.cv2-order-shell [class*="-checkbox-label"]:has(img) input {
    flex-shrink: 0;
    margin: 0;
}
.cv2-order-shell [class*="-radio-label"]:has(img) span,
.cv2-order-shell [class*="-checkbox-label"]:has(img) span {
    font-size: 11px;
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
}
.cv2-order-shell [class*="-form-element"] [onclick],
.cv2-order-shell [class*="-form-group"] a[href*="javascript"],
.cv2-order-shell [class*="option-preview"],
.cv2-order-shell [id*="option-preview"],
.cv2-order-shell [id*="onizleme"] {
    pointer-events: auto;
    position: relative;
    z-index: 2;
}
.cv2-order-shell .option_information {
    pointer-events: auto;
    position: relative;
    z-index: 2;
}
.cv2-order-shell .option-info {
    pointer-events: auto;
    position: relative;
    z-index: 2;
}

.cv2-order-shell .sepethosting-accordion-header {
    cursor: pointer;
    user-select: none;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
}
.cv2-order-shell .sepetsms-accordion-header {
    cursor: pointer;
    user-select: none;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
}
.cv2-order-shell .sepetozel-accordion-header {
    cursor: pointer;
    user-select: none;
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
}
.cv2-order-shell .sepethosting-accordion-header.active {
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
    color: #ffffff;
}
.cv2-order-shell .sepetsms-accordion-header.active {
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
    color: #ffffff;
}
.cv2-order-shell .sepetozel-accordion-header.active {
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
    color: #ffffff;
}
.cv2-order-shell[data-order-widget="hosting"] .sepethosting-accordion-header.active {
    background: var(--sepethosting-primary-gradient, var(--CoreV2-primary-gradient));
}
.cv2-order-shell .sepethosting-accordion-content {
    overflow: visible;
}
.cv2-order-shell .sepetsms-accordion-content {
    overflow: visible;
}
.cv2-order-shell .sepetozel-accordion-content {
    overflow: visible;
}
.cv2-order-shell .option-info {
    overflow: visible;
    max-height: none;
}
.cv2-order-shell .option_information {
    overflow: visible;
    max-height: none;
}
.cv2-order-shell [class*="option-preview"],
.cv2-order-shell [id*="option-preview"],
.cv2-order-shell [id*="onizleme"] {
    overflow: visible;
    max-height: none;
}

.cv2-order-shell--configuration .sepetsunucu-config-card,
.cv2-order-shell .sepetsunucu-form-group {
    background: var(--cv2-order-card-bg);
    border-color: var(--cv2-order-border);
    border-radius: var(--cv2-radius-card, 14px);
    margin-bottom: 12px;
}
.cv2-order-shell .sepethosting-form-group {
    background: var(--cv2-order-card-bg);
    border-color: var(--cv2-order-border);
    border-radius: var(--cv2-radius-card, 14px);
    margin-bottom: 12px;
}
.cv2-order-shell--configuration .sepetsunucu-config-container {
    gap: 18px;
}
.cv2-order-shell--configuration .sepetsunucu-summary-card {
    position: relative;
    overflow: hidden;
}
.cv2-order-shell--configuration .sepetsunucu-summary-card::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.06;
    background: radial-gradient(circle at 92% 8%, var(--CoreV2-primary, var(--cv2-primary-tone)), transparent 42%);
}
.cv2-order-shell--configuration .sepetsunucu-summary-header-icon,
.cv2-order-shell--configuration .sepetsunucu-summary-item-icon {
    box-shadow: none;
}
.cv2-order-shell--configuration .sepetsunucu-summary-header h3::before {
    content: none;
}

/* --- source: css/order-steps-shared.css --- */
.introslider-container {
    display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    height: 0;
    overflow: hidden;
}
.intro-slider,
.intro-section,
section.intro-section {
    display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    height: 0;
    overflow: hidden;
}
body.loading .introslider-container {
    display: none;
}
body.loading .intro-slider,
body.loading .intro-section {
    display: none;
}
html.fx-active-foreign:not(.fx-ready) [data-raw-amount],
html.fx-active-foreign:not(.fx-ready) [class*="-period-price"],
html.fx-active-foreign:not(.fx-ready) [class*="-original-price"],
html.fx-active-foreign:not(.fx-ready) [class*="-period-setup-fee"],
html.fx-active-foreign:not(.fx-ready) [class*="-summary-item-price"],
html.fx-active-foreign:not(.fx-ready) [class*="-summary-addon-price"],
html.fx-active-foreign:not(.fx-ready) #total_amount {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
}
html.cv2-fx-active:not(.fx-ready) [data-raw-amount],
html.cv2-fx-active:not(.fx-ready) [class*="-period-price"],
html.cv2-fx-active:not(.fx-ready) [class*="-original-price"],
html.cv2-fx-active:not(.fx-ready) [class*="-period-setup-fee"],
html.cv2-fx-active:not(.fx-ready) [class*="-summary-item-price"],
html.cv2-fx-active:not(.fx-ready) [class*="-summary-addon-price"],
html.cv2-fx-active:not(.fx-ready) #total_amount {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
}
html.fx-active-foreign:not(.fx-ready) .domain-price-display .price-amount,
html.cv2-fx-active:not(.fx-ready) .domain-price-display .price-amount {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
}
html.fx-active-foreign:not(.fx-ready) .amount_spot_view,
html.cv2-fx-active:not(.fx-ready) .amount_spot_view {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
}
html.fx-active-foreign:not(.fx-ready) .coresepeteim-price,
html.cv2-fx-active:not(.fx-ready) .coresepeteim-price {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
}
.fx-ready [data-raw-amount],
.fx-ready [class*="-period-price"],
.fx-ready [class*="-original-price"],
.fx-ready [class*="-period-setup-fee"],
.fx-ready [class*="-summary-item-price"],
.fx-ready [class*="-summary-addon-price"],
.fx-ready #total_amount {
    opacity: 1;
    visibility: visible;
}
.fx-ready .domain-price-display .price-amount {
    opacity: 1;
    visibility: visible;
}
.fx-ready .amount_spot_view {
    opacity: 1;
    visibility: visible;
}
.fx-ready .coresepeteim-price {
    opacity: 1;
    visibility: visible;
}

/* --- source: css/cv2-order-layout.css --- */
/**
 * CoreV2 — Sipariş adımları (açık tema, ticket dönem kartları, sağ poster)
 */
.cv2-order-shell {
    --cv2-os-aside-w: 300px;
    --cv2-os-pattern-image: url('../../images/wscms_Images/revmo-1.webp');
    --cv2-os-pattern-size: 240px auto;
    --cv2-os-pattern-opacity: 0.11;
    overflow: visible;
    --cv2-os-card-w: 152px;
    --cv2-os-pack-gap: 12px;
    --cv2-os-ticket-foot: 42px;
    max-width: var(--CoreV2-container-width, 1300px);
    width: 100%;
    margin: 0 auto 36px;
    padding: 0 var(--CoreV2-container-padding, 16px);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.cv2-order-shell > [class*="-steps-container"],
.cv2-order-shell .genelbaslik-rozet-kapsayici,
.cv2-order-shell .genelbaslik-rozet {
    display: none;
}
.cv2-order-shell[class*="-wrapper"] {
    max-width: var(--CoreV2-container-width, 1300px);
    width: 100%;
    margin: 0 auto 36px;
    padding: 0 var(--CoreV2-container-padding, 16px) 24px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.cv2-order-steps .cv2-order-card,
.cv2-order-steps .cv2-order-features,
.cv2-order-steps .cv2-order-step-pill.is-active,
.cv2-order-steps .cv2-order-head-icon {
    box-shadow: none;
}
/* ── Üst başlık (açık, karanlık band yok) ── */
.cv2-order-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0 0 18px;
    padding: 0;
    text-align: left;
}
.cv2-order-head-icon {
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: var(--cv2-radius-card, 16px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--CoreV2-primary, var(--cv2-primary));
    background: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.08);
    border: 1.5px dashed rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.22);
    box-shadow: none;
}
.cv2-order-head-info {
    min-width: 0;
    flex: 1;
    padding-top: 2px;
}
.cv2-order-head-title {
    margin: 0 0 6px;
    font-size: clamp(21px, 2.4vw, 26px);
    font-weight: 700;
    line-height: 1.25;
    color: var(--text-primary, var(--sepethosting-title, var(--CoreV2-text, #1e293b)));
    letter-spacing: -0.02em;
}
.cv2-order-head-desc {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-secondary, var(--sepethosting-text, var(--CoreV2-text-muted, #64748b)));
    max-width: none;
}
[data-theme="dark"] .cv2-order-head-title {
    color: var(--text-primary, var(--CoreV2-text, #f1f5f9));
}
[data-theme="dark"] .cv2-order-head-desc {
    color: var(--text-secondary, var(--CoreV2-text-muted, #94a3b8));
}
/* ── İç dar alan (sol kart — tema içerik genişliği) ── */
.cv2-order-inner {
    max-width: var(--CoreV2-content-width, min(100%, calc(var(--CoreV2-container-width, 1400px) - 400px)));
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}
/* ── Ana grid (tam konteyner genişliği, sağ poster yapışkan) ── */
.cv2-order-area {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--cv2-os-aside-w);
    gap: 24px;
    align-items: stretch;
    overflow: visible;
}
.cv2-order-main {
    min-width: 0;
}
.cv2-order-card {
    background: #ffffff;
    border-radius: var(--cv2-radius-card, 18px);
    border: 1.5px dashed rgba(var(--cv2-primary-rgb), 0.1);
    box-shadow: none;
    overflow: hidden;
}
[data-theme="dark"] .cv2-order-card {
    background: var(--CoreV2-surface-card, #1e293b);
    border-color: rgba(var(--cv2-primary-rgb), 0.16);
}
[data-theme="dark"] .cv2-order-poster {
    border: 1px solid rgba(var(--cv2-primary-rgb), 0.14);
    box-shadow: none;
}
[data-theme="dark"] .coresepeteim-card {
    background: var(--CoreV2-surface-card, #1e293b);
    border-color: rgba(var(--cv2-primary-rgb), 0.16);
}
[data-theme="dark"] .coresepeteim-summary-card,
[data-theme="dark"] .coresepeteim-sidebar {
    background: var(--CoreV2-surface-card, #1e293b);
    border-color: rgba(var(--cv2-primary-rgb), 0.16);
}
.cv2-order-steps-bar {
    padding: 12px 14px 0;
    border-bottom: 1.5px dashed rgba(var(--cv2-primary-rgb), 0.08);
    background: transparent;
}
.cv2-order-steps-scroll {
    display: flex;
    align-items: stretch;
    gap: 8px;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 18px;
    scroll-behavior: smooth;
    scroll-padding-inline: 50%;
    scrollbar-width: none;
}
.cv2-order-steps-scroll::-webkit-scrollbar {
    display: none;
}
.cv2-order-step-pill {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 10px;
    background: rgba(var(--cv2-primary-rgb), 0.04);
    border: 1.5px dashed transparent;
    color: var(--cv2-primary);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    box-shadow: none;
}
.cv2-order-step-pill.is-active {
    background: var(--CoreV2-primary, var(--cv2-primary));
    border-color: transparent;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: none;
}
.cv2-order-step-pill.is-done {
    background: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.05);
    color: var(--CoreV2-primary, var(--cv2-primary));
}
.cv2-order-step-pill-num {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    background: rgba(var(--cv2-primary-rgb), 0.06);
}
.cv2-order-step-pill.is-active .cv2-order-step-pill-num {
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
}
.cv2-order-step-pill.is-done .cv2-order-step-pill-num {
    background: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.15);
    color: var(--CoreV2-primary, var(--cv2-primary));
}
.cv2-order-step-pill.is-active .cv2-order-step-pill-name {
    color: #ffffff;
}
.cv2-order-step-pill-arrow {
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid var(--CoreV2-primary, var(--cv2-primary));
}
.cv2-order-card-body {
    padding: 16px 18px 20px;
    background: transparent;
    overflow: visible;
    box-sizing: border-box;
}
[data-theme="dark"] .cv2-order-card-body {
    background: transparent;
}
.cv2-order-step-head {
    text-align: left;
    margin: 0 0 14px;
}
.cv2-order-step-title {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--text-primary, var(--sepethosting-title, var(--CoreV2-text, #1e293b)));
}
.cv2-order-step-desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--text-secondary, var(--sepethosting-text, var(--CoreV2-text-muted, #64748b)));
}
.cv2-order-shell [class*="-content"] {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    max-width: 100%;
}
/* ── Dönem kartları — standart genişlik (152px) + ticket ── */.cv2-order-shell .cv2-period-grid,
.cv2-order-shell [class*="-period-container"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: var(--cv2-os-pack-gap);
    width: 100%;
    max-width: 100%;
    margin: 0 0 14px;
    padding: 0;
    box-sizing: border-box;
    grid-template-columns: none;
}
.cv2-order-shell .cv2-period-grid [class*="-period-block"],
.cv2-order-shell [class*="-period-container"] [class*="-period-block"] {
    position: relative;
    flex: 0 0 var(--cv2-os-card-w);
    width: var(--cv2-os-card-w);
    max-width: var(--cv2-os-card-w);
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 14px 12px 0;
    border: 1px solid var(--header-action-border, rgba(var(--cv2-primary-rgb), 0.06));
    border-radius: var(--cv2-radius-card-inner, 14px);
    background: var(--cv2-order-soft-bg, var(--sepethosting-card-bg, #ffffff));
    box-shadow: none;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    --mask-pos-y: calc(100% - var(--cv2-os-ticket-foot, 42px));
    -webkit-mask-image:
        radial-gradient(circle 7px at 0 var(--mask-pos-y), transparent 98%, black 100%),
        radial-gradient(circle 7px at 100% var(--mask-pos-y), transparent 98%, black 100%),
        linear-gradient(black, black);
    mask-image:
        radial-gradient(circle 7px at 0 var(--mask-pos-y), transparent 98%, black 100%),
        radial-gradient(circle 7px at 100% var(--mask-pos-y), transparent 98%, black 100%),
        linear-gradient(black, black);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    transition: border-color 0.22s ease, background 0.22s ease;
}
[data-theme="dark"] .cv2-order-shell [class*="-period-block"]:not(.active) {
    background: var(--cv2-order-soft-bg, rgba(255, 255, 255, 0.04));
    border-color: var(--cv2-order-border, rgba(var(--cv2-primary-rgb), 0.18));
}
.cv2-order-shell [class*="-period-block"]:hover {
    transform: none;
    border-color: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.28);
    filter: none;
    opacity: 1;
}
.cv2-order-shell [class*="-period-block"].active {
    border-color: transparent;
    background: var(--CoreV2-primary-gradient, var(--sepethosting-primary-gradient, var(--CoreV2-primary, var(--cv2-primary))));
    transform: none;
    box-shadow: none;
}
/* Dönem grid + Devam Et — paketlerin hemen sağında, alt hizada */
.cv2-order-shell form:has(> [class*="-period-container"]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    column-gap: 12px;
    row-gap: 10px;
}
.cv2-order-shell form:has(> [class*="-period-container"]) > script {
    grid-column: 1 / -1;
}
.cv2-order-shell form:has(> [class*="-period-container"]) [class*="-period-container"] {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
}
.cv2-order-shell form:has(> [class*="-period-container"]) [class*="-center"] {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
    align-self: end;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 0;
}
.cv2-order-shell [class*="-center"] {
    margin-top: 16px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}
.cv2-order-shell form:has(> [class*="-period-container"]) [class*="-center"] {
    margin-top: 0;
}
.cv2-order-shell [class*="-period-block"].active [class*="-period-title"],
.cv2-order-shell [class*="-period-block"].active [class*="-period-price"],
.cv2-order-shell [class*="-period-block"].active [class*="-original-price"],
.cv2-order-shell [class*="-period-block"].active [class*="-period-setup-fee"] {
    color: #ffffff;
}
.cv2-order-shell [class*="-period-content"] {
    padding: 0 0 8px;
    flex: 1;
    position: relative;
    z-index: 1;
}
.cv2-order-shell [class*="-period-title"] {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
    color: var(--sepethosting-title, #393d4b);
}
.cv2-order-shell [class*="-discount-badge"] {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    margin: 0 0 6px;
    border-radius: 5px;
    border: 1px dashed rgba(var(--cv2-primary-rgb), 0.14);
    background: transparent;
    color: #68718c;
    text-transform: uppercase;
}
.cv2-order-shell [class*="-period-block"].active [class*="-discount-badge"] {
    border-color: rgba(255, 255, 255, 0.65);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
}
.cv2-order-shell [class*="-original-price"] {
    font-size: 12px;
    margin-bottom: 4px;
    opacity: 0.6;
}
.cv2-order-shell [class*="-period-price"] {
    display: block;
    margin: 6px 0 0;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 8px;
    background: rgba(var(--cv2-primary-rgb), 0.04);
    color: var(--cv2-primary);
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px dashed rgba(var(--cv2-primary-rgb), 0.08);
}
.cv2-order-shell [class*="-period-block"].active [class*="-period-price"] {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.28);
    color: #ffffff;
}
.cv2-order-shell [class*="-period-setup-fee"] {
    font-size: 10px;
    margin: 4px 0 0;
    min-height: 0;
    opacity: 0.75;
}
.cv2-order-shell [class*="-period-footer"] {
    display: block;
    height: var(--cv2-os-ticket-foot);
    border-top: 1.5px dashed rgba(var(--cv2-primary-rgb), 0.08);
    padding: 8px 10px;
    margin: 0;
    overflow: visible;
    position: relative;
    z-index: 1;
}
.cv2-order-shell [class*="-select-indicator"] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: rgba(var(--cv2-primary-rgb), 0.2);
    background: transparent;
    border: 1.5px dashed rgba(var(--cv2-primary-rgb), 0.12);
    border-radius: 50%;
}
.cv2-order-shell [class*="-period-block"].active [class*="-select-indicator"] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.2);
}
.cv2-order-shell [class*="-period-block"].active [class*="-select-indicator"] i {
    color: #ffffff;
}
.cv2-order-shell [class*="-button"] {
    outline: none;
    outline-offset: 0;
    min-width: var(--cv2-btn-min-width, 200px);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    padding: 13px 26px;
    font-size: var(--cv2-font-size-button, 15px);
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    box-shadow: none;
}
.cv2-order-shell [class*="-center"] [class*="-button"],
.cv2-order-shell [class*="-center"] button,
.cv2-order-shell [class*="-center"] input[type="submit"],
.cv2-order-shell [class*="-center"] .mio-ajax-submit {
    margin: 0;
    width: auto;
    min-width: var(--cv2-btn-min-width, 200px);
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));
    outline: var(--cv2-btn-outline, 2px solid rgba(var(--CoreV2-primary-rgb), 0.25));
    outline-offset: var(--cv2-btn-outline-offset, 3px);
    box-shadow: none;
}
/* Yapılandırma özeti / kart — dönem tile ile aynı gradient + desen */
.cv2-order-shell [class*="-config-card"],
.cv2-order-shell [class*="-summary-card"],
.cv2-order-shell [class*="-form-group"] {
    position: relative;
    overflow: hidden;
    background: var(--header-action-gradient);
    border-color: var(--header-action-border);
}
.cv2-order-shell [class*="-config-card"]::before,
.cv2-order-shell [class*="-summary-card"]::before,
.cv2-order-shell [class*="-form-group"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--cv2-os-pattern-image);
    background-size: var(--cv2-os-pattern-size);
    background-repeat: repeat;
    opacity: var(--cv2-os-pattern-opacity);
    pointer-events: none;
    z-index: 0;
}
.cv2-order-shell [class*="-config-card"] > *,
.cv2-order-shell [class*="-summary-card"] > *,
.cv2-order-shell [class*="-form-group"] > * {
    position: relative;
    z-index: 1;
}
/* ── Sağ panel poster (sticky: iç sarmalayıcı, grid hücresi tam yükseklikte) ── */
.cv2-order-aside {
    position: relative;
    align-self: stretch;
    z-index: 3;
    width: var(--cv2-os-aside-w);
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}
.cv2-order-aside-inner {
    position: sticky;
    top: calc(var(--CoreV2-header-height, 64px) + 12px);
    display: flex;
    flex-direction: column;
    gap: 0;
    z-index: 3;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
.cv2-order-shell [class*="-config-right"] {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}
.cv2-order-shell [class*="-config-left"],
.cv2-order-shell [class*="-config-card-content"] {
    overflow: visible;
}
.cv2-order-shell .sepetsunucu-config-card-content {
    overflow: visible;
}
.cv2-order-shell .sepethosting-config-card-content {
    overflow: visible;
}
.cv2-order-shell [class*="-summary-card"],
.cv2-order-shell [class*="-config-card"] {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}
.cv2-order-poster {
    background: var(--CoreV2-primary-gradient, linear-gradient(135deg, var(--CoreV2-primary, var(--cv2-primary)) 0%, rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.82) 100%));
    border-radius: var(--cv2-radius-card, 20px);
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 6px 16px 4px;
    border: none;
    box-shadow: none;
    min-height: 268px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.cv2-order-poster::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--cv2-os-pattern-image);
    background-size: var(--cv2-os-pattern-size);
    background-repeat: repeat;
    opacity: 0.22;
    z-index: 0;
    pointer-events: none;
}
.cv2-order-poster::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 200px;
    background: linear-gradient(
        to top,
        color-mix(in srgb, var(--CoreV2-primary-tone, var(--CoreV2-primary, var(--cv2-primary))) 88%, #000000) 22%,
        transparent
    );
    z-index: 2;
    pointer-events: none;
}
.cv2-order-poster-img {
    display: block;
    width: auto;
    max-width: 210px;
    max-height: 210px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    object-fit: contain;
    object-position: center center;
    flex-shrink: 0;
}
.cv2-order-poster-badge {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 34px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
    gap: 10px;
    width: auto;
}
.cv2-order-poster-badge-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 4px;
    min-width: 0;
    line-height: 1.25;
}
.cv2-order-poster-title {
    display: block;
    font-size: clamp(19px, 2.9vw, 22px);
    color: #ffffff;
    letter-spacing: -0.02em;
    line-height: 1.15;
}
.cv2-order-poster-title .cv2-os-thin {
    font-weight: 400;
    color: rgba(255, 255, 255, 0.92);
}
.cv2-order-poster-title .cv2-os-bold {
    font-weight: 700;
    color: #ffffff;
}
.cv2-order-poster-title .cv2-os-line3 {
    display: block;
    width: 100%;
    margin-top: 2px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
}
.cv2-order-poster-desc {
    display: none;
    font-size: clamp(12px, 2vw, 13.5px);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.01em;
    line-height: 1.3;
}
.cv2-order-poster-badge-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 22px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: auto;
    border-radius: var(--cv2-radius-input, 10px);
    background: rgba(255, 255, 255, 0.14);
}
.cv2-order-poster-badge-icon i {
    font-size: 22px;
    line-height: 1;
    transform: scale(1);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}
.cv2-order-features {
    position: relative;
    z-index: 4;
    margin-top: -36px;
    margin-bottom: 0;
    background: var(--cv2-surface-card, #fafbfd);
    border-radius: var(--cv2-radius-card, 16px);
    border: 1px solid var(--border-color, rgba(var(--cv2-primary-rgb), 0.04));
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(var(--cv2-primary-rgb), 0.03);
}
[data-theme="dark"] .cv2-order-features {
    background: var(--cv2-surface-card, #1e293b);
    border-color: rgba(var(--cv2-primary-rgb), 0.1);
    box-shadow: none;
}
.cv2-order-features ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cv2-order-features li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    padding: 3px 12px;
    border-bottom: 1px solid rgba(var(--cv2-primary-rgb), 0.018);
    font-size: 15px;
    color: var(--text-secondary, var(--sepethosting-text, #68718c));
    min-height: 26px;
    box-sizing: border-box;
}
[data-theme="dark"] .cv2-order-features li {
    border-bottom-color: rgba(var(--cv2-primary-rgb), 0.04);
}
.cv2-order-feat-label {
    flex: 1;
    min-width: 0;
    padding-left: 2px;
    font-size: 15px;
    line-height: 1.3;
}
.cv2-order-split-text .cv2-os-thin {
    font-weight: 400;
    color: var(--text-secondary, var(--sepethosting-text, #68718c));
}
.cv2-order-split-text .cv2-os-bold {
    font-weight: 700;
    color: var(--text-primary, var(--sepethosting-title, var(--CoreV2-primary, var(--cv2-primary))));
}
[data-theme="dark"] .cv2-order-split-text .cv2-os-thin {
    color: var(--text-secondary, var(--CoreV2-text-muted, #94a3b8));
}
[data-theme="dark"] .cv2-order-split-text .cv2-os-bold {
    color: var(--text-primary, var(--CoreV2-text, #f1f5f9));
}
.cv2-order-features li:last-child {
    border-bottom: none;
}
.cv2-order-feat-icon {
    min-width: 38px;
    width: 38px;
    height: 38px;
    border-radius: var(--cv2-radius-input, 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--CoreV2-primary, var(--cv2-primary));
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.14);
    background: transparent;
}
.cv2-order-feat-icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 9px;
    background: var(--CoreV2-primary, var(--cv2-primary));
    opacity: 0.12;
    z-index: -1;
}
.cv2-order-feat-icon i {
    font-size: 20px;
    line-height: 1;
    transform: scale(0.96);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    position: relative;
    z-index: 1;
}
/* Domain fiyat bandı */
@media (max-width: 1024px) {
    .cv2-order-area {
        grid-template-columns: 1fr;
    }
    .cv2-order-aside {
        order: 2;
        max-width: 420px;
        margin: 16px auto 0;
        width: 100%;
    }
    .cv2-order-aside-inner {
        position: static;
    }
    .cv2-order-main {
        order: 1;
    }
    .cv2-order-poster-img {
        max-width: 200px;
        max-height: 210px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 991px) {
    .cv2-order-shell {
        --cv2-os-card-w: calc(50% - 4px);
    }
    .cv2-order-shell form:has(> [class*="-period-container"]) {
        grid-template-columns: 1fr;
    }
    .cv2-order-shell form:has(> [class*="-period-container"]) [class*="-period-container"] {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        max-width: 100%;
        overflow: visible;
        overflow-x: visible;
    }
    .cv2-order-shell form:has(> [class*="-period-container"]) [class*="-period-container"]::-webkit-scrollbar {
        display: none;
    }
    .cv2-order-shell form:has(> [class*="-period-container"]) [class*="-center"] {
        grid-column: 1;
        grid-row: 2;
        justify-content: stretch;
        width: 100%;
    }
    .cv2-order-shell [class*="-period-container"].cv2-period-mobile-grid,
    .cv2-order-shell .cv2-period-grid.cv2-period-mobile-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        flex-wrap: wrap;
        gap: 12px;
        padding: 0 4px;
        overflow: visible;
    }
    .cv2-order-shell [class*="-period-container"].cv2-period-mobile-grid [class*="-period-block"],
    .cv2-order-shell .cv2-period-grid.cv2-period-mobile-grid [class*="-period-block"] {
        flex: none;
        width: 100%;
        max-width: 100%;
        min-height: 128px;
        height: 100%;
        overflow: hidden;
    }
    .cv2-order-shell [class*="-period-block"] [class*="-period-title"],
    .cv2-order-shell [class*="-period-block"] [class*="-period-price"],
    .cv2-order-shell [class*="-period-block"] [class*="-discount-badge"] {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }
}
@media (max-width: 640px) {
    .cv2-order-shell,
    .cv2-order-shell[class*="-wrapper"] {
        padding-top: 20px;
    }
    .cv2-order-shell[class*="-wrapper"] {
        padding: 20px 10px 20px;
    }
    .cv2-order-head {
        gap: 12px;
        margin-bottom: 14px;
    }
    .cv2-order-head-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 22px;
        border-radius: var(--cv2-radius-card-inner, 12px);
    }
    .cv2-order-head-desc {
        font-size: 13px;
    }
    .cv2-order-card-body {
        padding: 14px 12px 18px;
    }
    .cv2-order-shell form:has(> [class*="-period-container"]) [class*="-center"] {
        grid-column: 1;
        grid-row: 2;
        justify-content: stretch;
    }
    .cv2-order-shell [class*="-center"] {
        justify-content: stretch;
    }
    .cv2-order-shell [class*="-button"],
    .cv2-order-shell [class*="-center"] [class*="-button"] {
        width: 100%;
        min-width: 0;
    }
    .cv2-order-poster-img {
        max-width: 200px;
        max-height: 200px;
    }
    .cv2-order-poster-badge {
        bottom: 34px;
        padding: 10px 14px;
    }
    .cv2-order-features {
        margin-top: -32px;
    }
    .cv2-order-features li {
        padding: 3px 10px;
        font-size: 14px;
        min-height: 26px;
    }
}
/* ── Sipariş adımları: domain arama / sonuç (tüm widget önekleri) ── */
.cv2-order-shell .unavail-card {
    background: var(--sepethosting-card-bg, #ffffff);
    border: 1px solid var(--sepethosting-border, rgba(var(--cv2-primary-rgb), 0.1));
    border-radius: 16px;
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    box-sizing: border-box;
}
.cv2-order-shell .unavail-card-filled {
    background: var(--header-action-gradient, var(--sepethosting-card-bg, #ffffff));
    border: 1px solid var(--header-action-border, var(--sepethosting-border, rgba(var(--cv2-primary-rgb), 0.1)));
}
.cv2-order-shell .unavail-card-dashed {
    background: var(--sepethosting-card-bg, #ffffff);
    border: 1.5px dashed rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.22);
}
.cv2-order-shell .unavail-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}
.cv2-order-shell .unavail-card-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.1);
    color: var(--CoreV2-primary, var(--cv2-primary));
    font-size: 17px;
}
.cv2-order-shell .unavail-card-head h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--sepethosting-primary, var(--CoreV2-primary, var(--cv2-primary)));
    letter-spacing: -0.02em;
    line-height: 1.3;
}
.cv2-order-shell .unavail-card-meta {
    margin-bottom: 6px;
}
.cv2-order-shell .unavail-card-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}
.cv2-order-shell .unavail-card-info {
    background: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.03);
    border: 1.5px dashed rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.14);
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}
.cv2-order-shell .unavail-info-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.4;
    border-bottom: 1px dashed rgba(var(--cv2-primary-rgb), 0.06);
}
.cv2-order-shell .unavail-info-row:last-child {
    border-bottom: none;
}
.cv2-order-shell .unavail-info-label {
    color: var(--sepethosting-text, #64748b);
    font-weight: 500;
    flex-shrink: 0;
}
.cv2-order-shell .unavail-info-value {
    color: var(--sepethosting-title, var(--CoreV2-text, #1e293b));
    font-weight: 500;
    text-align: right;
    min-width: 0;
}
.cv2-order-shell .unavail-ns-line {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    font-size: 11px;
}
.cv2-order-shell .unavail-ns-copy {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    border: 1px solid rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.2);
    background: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.06);
    color: var(--CoreV2-primary, var(--cv2-primary));
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.cv2-order-shell .unavail-card-btn {
    padding: 12px 14px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    width: 100%;
    box-sizing: border-box;
    transition: filter 0.2s ease, background 0.2s ease;
}
.cv2-order-shell .unavail-btn-filled {
    background: var(--CoreV2-primary-gradient, var(--sepethosting-primary-gradient, var(--cv2-primary)));
    color: #ffffff;
    border: none;
}
.cv2-order-shell .unavail-btn-filled:hover {
    filter: brightness(1.06);
}
.cv2-order-shell .unavail-btn-dashed {
    background: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.05);
    color: var(--CoreV2-primary, var(--cv2-primary));
    border: 1.5px dashed rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.28);
}
.cv2-order-shell .unavail-btn-dashed:hover {
    background: rgba(var(--CoreV2-primary-rgb, 16, 185, 129), 0.1);
}

/* --- source: css/cv2-order-color-system.css --- */
.sepethosting-wrapper {
  --sepethosting-primary: var(--CoreV2-primary);
  --sepethosting-primary-rgb: var(--CoreV2-primary-rgb);
  --sepethosting-primary-gradient: var(--CoreV2-primary-gradient);
  --sepethosting-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepethosting-title: var(--text-primary);
  --sepethosting-text: var(--text-secondary);
  --sepethosting-border: var(--border-color);
  --sepethosting-card-bg: var(--cv2-surface-card);
  --sepethosting-card-hover: var(--cv2-surface-secondary);
  --sepethosting-shadow: var(--cv2-shadow-sm);
  --sepethosting-success: var(--cv2-success);
  --sepethosting-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepethosting-danger: var(--cv2-danger);
  --sepethosting-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}
.sepetsunucu-wrapper {
  --sepethosting-primary: var(--CoreV2-primary);
  --sepethosting-primary-rgb: var(--CoreV2-primary-rgb);
  --sepethosting-primary-gradient: var(--CoreV2-primary-gradient);
  --sepethosting-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepethosting-title: var(--text-primary);
  --sepethosting-text: var(--text-secondary);
  --sepethosting-border: var(--border-color);
  --sepethosting-card-bg: var(--cv2-surface-card);
  --sepethosting-card-hover: var(--cv2-surface-secondary);
  --sepethosting-shadow: var(--cv2-shadow-sm);
  --sepethosting-success: var(--cv2-success);
  --sepethosting-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepethosting-danger: var(--cv2-danger);
  --sepethosting-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}
.sepetsms-wrapper {
  --sepethosting-primary: var(--CoreV2-primary);
  --sepethosting-primary-rgb: var(--CoreV2-primary-rgb);
  --sepethosting-primary-gradient: var(--CoreV2-primary-gradient);
  --sepethosting-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepethosting-title: var(--text-primary);
  --sepethosting-text: var(--text-secondary);
  --sepethosting-border: var(--border-color);
  --sepethosting-card-bg: var(--cv2-surface-card);
  --sepethosting-card-hover: var(--cv2-surface-secondary);
  --sepethosting-shadow: var(--cv2-shadow-sm);
  --sepethosting-success: var(--cv2-success);
  --sepethosting-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepethosting-danger: var(--cv2-danger);
  --sepethosting-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}
.sepetsoftware-wrapper {
  --sepethosting-primary: var(--CoreV2-primary);
  --sepethosting-primary-rgb: var(--CoreV2-primary-rgb);
  --sepethosting-primary-gradient: var(--CoreV2-primary-gradient);
  --sepethosting-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepethosting-title: var(--text-primary);
  --sepethosting-text: var(--text-secondary);
  --sepethosting-border: var(--border-color);
  --sepethosting-card-bg: var(--cv2-surface-card);
  --sepethosting-card-hover: var(--cv2-surface-secondary);
  --sepethosting-shadow: var(--cv2-shadow-sm);
  --sepethosting-success: var(--cv2-success);
  --sepethosting-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepethosting-danger: var(--cv2-danger);
  --sepethosting-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}
.sepetozel-wrapper {
  --sepethosting-primary: var(--CoreV2-primary);
  --sepethosting-primary-rgb: var(--CoreV2-primary-rgb);
  --sepethosting-primary-gradient: var(--CoreV2-primary-gradient);
  --sepethosting-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepethosting-title: var(--text-primary);
  --sepethosting-text: var(--text-secondary);
  --sepethosting-border: var(--border-color);
  --sepethosting-card-bg: var(--cv2-surface-card);
  --sepethosting-card-hover: var(--cv2-surface-secondary);
  --sepethosting-shadow: var(--cv2-shadow-sm);
  --sepethosting-success: var(--cv2-success);
  --sepethosting-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepethosting-danger: var(--cv2-danger);
  --sepethosting-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}
.cv2-order-shell {
  --sepethosting-primary: var(--CoreV2-primary);
  --sepethosting-primary-rgb: var(--CoreV2-primary-rgb);
  --sepethosting-primary-gradient: var(--CoreV2-primary-gradient);
  --sepethosting-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepethosting-title: var(--text-primary);
  --sepethosting-text: var(--text-secondary);
  --sepethosting-border: var(--border-color);
  --sepethosting-card-bg: var(--cv2-surface-card);
  --sepethosting-card-hover: var(--cv2-surface-secondary);
  --sepethosting-shadow: var(--cv2-shadow-sm);
  --sepethosting-success: var(--cv2-success);
  --sepethosting-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepethosting-danger: var(--cv2-danger);
  --sepethosting-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}

.sepetsunucu-wrapper {
  --sepetsunucu-primary: var(--CoreV2-primary);
  --sepetsunucu-primary-rgb: var(--CoreV2-primary-rgb);
  --sepetsunucu-primary-gradient: var(--CoreV2-primary-gradient);
  --sepetsunucu-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepetsunucu-title: var(--text-primary);
  --sepetsunucu-text: var(--text-secondary);
  --sepetsunucu-border: var(--border-color);
  --sepetsunucu-card-bg: var(--cv2-surface-card);
  --sepetsunucu-card-hover: var(--cv2-surface-secondary);
  --sepetsunucu-shadow: var(--cv2-shadow-sm);
  --sepetsunucu-success: var(--cv2-success);
  --sepetsunucu-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepetsunucu-danger: var(--cv2-danger);
  --sepetsunucu-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}

.sepetsms-wrapper {
  --sepetsms-primary: var(--CoreV2-primary);
  --sepetsms-primary-rgb: var(--CoreV2-primary-rgb);
  --sepetsms-primary-gradient: var(--CoreV2-primary-gradient);
  --sepetsms-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepetsms-title: var(--text-primary);
  --sepetsms-text: var(--text-secondary);
  --sepetsms-border: var(--border-color);
  --sepetsms-card-bg: var(--cv2-surface-card);
  --sepetsms-card-hover: var(--cv2-surface-secondary);
  --sepetsms-shadow: var(--cv2-shadow-sm);
  --sepetsms-success: var(--cv2-success);
  --sepetsms-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepetsms-danger: var(--cv2-danger);
  --sepetsms-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}

.sepetsoftware-wrapper {
  --sepetsoftware-primary: var(--CoreV2-primary);
  --sepetsoftware-primary-rgb: var(--CoreV2-primary-rgb);
  --sepetsoftware-primary-gradient: var(--CoreV2-primary-gradient);
  --sepetsoftware-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepetsoftware-title: var(--text-primary);
  --sepetsoftware-text: var(--text-secondary);
  --sepetsoftware-border: var(--border-color);
  --sepetsoftware-card-bg: var(--cv2-surface-card);
  --sepetsoftware-card-hover: var(--cv2-surface-secondary);
  --sepetsoftware-shadow: var(--cv2-shadow-sm);
  --sepetsoftware-success: var(--cv2-success);
  --sepetsoftware-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepetsoftware-danger: var(--cv2-danger);
  --sepetsoftware-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}

.sepetozel-wrapper {
  --sepetozel-primary: var(--CoreV2-primary);
  --sepetozel-primary-rgb: var(--CoreV2-primary-rgb);
  --sepetozel-primary-gradient: var(--CoreV2-primary-gradient);
  --sepetozel-primary-bg: rgba(var(--CoreV2-primary-rgb), 0.08);
  --sepetozel-title: var(--text-primary);
  --sepetozel-text: var(--text-secondary);
  --sepetozel-border: var(--border-color);
  --sepetozel-card-bg: var(--cv2-surface-card);
  --sepetozel-card-hover: var(--cv2-surface-secondary);
  --sepetozel-shadow: var(--cv2-shadow-sm);
  --sepetozel-success: var(--cv2-success);
  --sepetozel-success-bg: rgba(var(--cv2-primary-rgb), 0.1);
  --sepetozel-danger: var(--cv2-danger);
  --sepetozel-danger-bg: rgba(var(--cv2-primary-rgb), 0.1);
}

[data-theme="dark"] .sepethosting-wrapper,
[data-theme="dark"] .cv2-order-shell {
  --sepethosting-card-bg: var(--cv2-surface-card);
  --sepethosting-card-hover: var(--cv2-surface-secondary);
  --sepethosting-border: rgba(var(--cv2-primary-rgb), 0.2);
  --sepethosting-primary: var(--CoreV2-primary);
  --sepethosting-primary-rgb: var(--CoreV2-primary-rgb);
}

[data-theme="dark"] .sepetsunucu-wrapper {
  --sepetsunucu-card-bg: var(--cv2-surface-card);
  --sepetsunucu-border: rgba(var(--cv2-primary-rgb), 0.2);
  --sepetsunucu-primary: var(--CoreV2-primary);
  --sepetsunucu-primary-rgb: var(--CoreV2-primary-rgb);
}

[data-theme="dark"] .sepetsms-wrapper {
  --sepetsms-card-bg: var(--cv2-surface-card);
  --sepetsms-border: rgba(var(--cv2-primary-rgb), 0.2);
  --sepetsms-primary: var(--CoreV2-primary);
  --sepetsms-primary-rgb: var(--CoreV2-primary-rgb);
}

[data-theme="dark"] .sepetsoftware-wrapper {
  --sepetsoftware-card-bg: var(--cv2-surface-card);
  --sepetsoftware-border: rgba(var(--cv2-primary-rgb), 0.2);
  --sepetsoftware-primary: var(--CoreV2-primary);
  --sepetsoftware-primary-rgb: var(--CoreV2-primary-rgb);
}

[data-theme="dark"] .sepetozel-wrapper {
  --sepetozel-card-bg: var(--cv2-surface-card);
  --sepetozel-border: rgba(var(--cv2-primary-rgb), 0.2);
  --sepetozel-primary: var(--CoreV2-primary);
  --sepetozel-primary-rgb: var(--CoreV2-primary-rgb);
}

/* === INLINE FROM order-steps-hosting.php : order-steps-hosting.php === */
/* style block #1 */
/* Eski WISECP markup'ı convertOldDesignToNew() (jQuery defer) dönüştürene kadar gizle.
   Dönüşümde sınıflar sepethosting-* olarak yeniden adlandırılır, bu kurallar eşleşmez olur.
   jQuery gecikir/başarısız olursa 2.5s sonra saf CSS fallback ham içeriği gösterir. */
.ilanasamalar,.orderperiodblock-con,.pakettitle,.siparisbilgileri,.domainsec{opacity:0;animation:cv2OsRawReveal .35s ease 2.5s forwards}
@keyframes cv2OsRawReveal{to{opacity:1}}
/* Renkler: css/cv2-color-system.css → .sepethosting-wrapper */
.cd-top{display:none;visibility:hidden;opacity:0;pointer-events:none;height:0;overflow:hidden}.genelbaslik{text-align:center;margin-bottom:12px;margin-top:0}.sepethosting-wrapper{max-width:var(--CoreV2-container-width);margin:0 auto 40px;padding:0 40px 40px;background:transparent;border-radius: var(--cv2-radius-card, 20px);color:var(--sepethosting-text);position:relative}.sepethosting-steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:0 auto 40px;max-width:900px}.sepethosting-steps-container .sepethosting-step{flex:0 0 200px;max-width:200px}.sepethosting-step{background:var(--sepethosting-card-bg);border-radius: var(--cv2-radius-input, 12px);padding:20px;text-align:center;box-shadow:none;transition:all 0.3s ease;border:1px solid var(--sepethosting-border)}.sepethosting-step:hover{transform:translateY(-4px)}.sepethosting-step.active{background:var(--sepethosting-primary-gradient);color:white}.sepethosting-step.completed{opacity:1;pointer-events:none;background:#ececec;border:1.5px dashed #cccccc}.sepethosting-step.completed .sepethosting-step-number{background:#d5d5d5;color:#999999;border:none}.sepethosting-step.completed .sepethosting-step-name{color:#999999}.sepethosting-step.completed .sepethosting-step-description{color:#b0b0b0}.sepethosting-step-number{width:40px;height:40px;border-radius:50%;background:var(--sepethosting-primary-bg);color:var(--sepethosting-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;margin:0 auto 12px}.sepethosting-step.active .sepethosting-step-number{background:rgba(255,255,255,0.2);color:white}.sepethosting-step-name{font-size:15px;font-weight:600;color:var(--sepethosting-title);margin-bottom:6px}.sepethosting-step.active .sepethosting-step-name{color:white}.sepethosting-step-description{font-size:12px;color:var(--sepethosting-text);line-height:1.4}.sepethosting-step.active .sepethosting-step-description{color:rgba(255,255,255,0.9)}.sepethosting-section-title{text-align:center;margin-bottom:40px;position:relative}.sepethosting-section-title h1{font-size:28px;color:var(--sepethosting-title);margin-bottom:15px;position:relative;display:inline-block;font-weight:700}.sepethosting-section-title h1::after{content:'';position:absolute;bottom:-10px;left:50%;width:60px;height:4px;background:var(--sepethosting-primary);transform:translateX(-50%);border-radius: var(--cv2-radius-input, 3px)}.sepethosting-section-title h2{font-size:16px;color:var(--sepethosting-text);font-weight:normal;max-width:80%;margin:20px auto 0;line-height:1.6}.sepethosting-content{background-color:transparent;border-radius:0;padding:30px 0;box-shadow:none;border: 1px solid rgba(0, 0, 0, 0.04);position:relative;overflow-x:hidden;margin-bottom:30px;max-width:100%;box-sizing:border-box}.sepethosting-period-container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;margin-top:10px;max-width:var(--CoreV2-container-width);margin-left:auto;margin-right:auto}.sepethosting-period-container .sepethosting-period-block{width:100%;max-width:100%}@media (max-width:640px){.sepethosting-period-container{gap:10px;margin-bottom:20px}.sepethosting-period-container .sepethosting-period-block{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px);padding:16px 10px;min-height:160px}}.sepethosting-period-block{background:var(--sepethosting-card-bg);border-radius: var(--cv2-radius-card, 20px);padding:24px;padding-bottom:0;position:relative;box-shadow:none;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),filter 0.4s ease,opacity 0.4s ease;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;contain:layout style paint;will-change:transform;border: 1px solid rgba(0, 0, 0, 0.04);cursor:pointer;text-align:center;--mask-pos-y:calc(100% - 60px);-webkit-mask-image:radial-gradient(circle 10px at 0 var(--mask-pos-y),transparent 98%,black 100%),radial-gradient(circle 10px at 100% var(--mask-pos-y),transparent 98%,black 100%),linear-gradient(black,black);mask-image:radial-gradient(circle 10px at 0 var(--mask-pos-y),transparent 98%,black 100%),radial-gradient(circle 10px at 100% var(--mask-pos-y),transparent 98%,black 100%),linear-gradient(black,black);-webkit-mask-composite:destination-out;mask-composite:exclude}.sepethosting-period-block:hover{transform:translateY(-8px) scale(1.03);box-shadow:none}@media(hover:hover){.sepethosting-period-container:hover .sepethosting-period-block:not(:hover){filter:blur(1.5px);opacity:0.6;transform:scale(0.97)}}.sepethosting-period-block.active{border: 1px solid rgba(0, 0, 0, 0.04);background:var(--sepethosting-primary);transform:translateY(-5px);box-shadow:none}.sepethosting-period-block.active .sepethosting-period-title,.sepethosting-period-block.active .sepethosting-discount-badge,.sepethosting-period-block.active .sepethosting-period-price,.sepethosting-period-block.active .sepethosting-original-price,.sepethosting-period-block.active .sepethosting-period-setup-fee{color:white}.sepethosting-period-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 20px 0;text-align:center}.sepethosting-period-title{font-size:14px;font-weight:600;color:var(--sepethosting-title);margin-bottom:8px;letter-spacing:0}.sepethosting-discount-badge{display:inline-block;background:rgba(var(--sepethosting-primary-rgb),0.1);color:var(--sepethosting-primary);font-size:10px;font-weight:700;padding:2px 6px;margin-bottom:8px;margin-top:-3px;letter-spacing:0px;text-transform:uppercase;border-radius: var(--cv2-radius-input, 5px);border:1px solid var(--sepethosting-primary);max-width:fit-content;white-space:nowrap;text-align:center}.sepethosting-period-block.active .sepethosting-discount-badge{background:rgba(255,255,255,0.2);color:white;border-color:white}.sepethosting-original-price{font-size:15px;font-weight:500;color:var(--sepethosting-text);text-decoration:line-through;text-decoration-thickness:2px;opacity:0.6;margin-bottom:6px;display:block}.sepethosting-period-price{font-size:24px;font-weight:700;color:var(--sepethosting-title);margin-bottom:0;display:block;letter-spacing:-0.02em;line-height:1.2}.sepethosting-period-setup-fee{font-size:14px;color:var(--sepethosting-text);margin-top:12px;margin-bottom:20px;opacity:0.75;font-weight:500;min-height:20px}.sepethosting-period-footer{border-top:1px dashed rgba(0,0,0,0.1);padding:16px 0;margin-top:auto}.sepethosting-select-indicator{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#cccccc;font-size:12px;background:rgba(0,0,0,0.05);transition:all 0.3s ease;border:2px solid rgba(0,0,0,0.1)}.sepethosting-period-block.active .sepethosting-select-indicator{background:rgba(255,255,255,0.3);color:white;border-color:white}.sepethosting-discount-ribbon{position:absolute;top:12px;right:-30px;padding:5px 30px;background:var(--sepethosting-primary);color:white;font-size:12px;transform:rotate(45deg);box-shadow:0 2px 5px rgba(0,0,0,0.2);font-weight:600;z-index:1}.sepethosting-domain-container{margin-bottom:30px}.sepethosting-accordion-header{background-color:var(--sepethosting-card-hover);padding:15px 20px;cursor:pointer;border:1px solid var(--sepethosting-border);display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--sepethosting-title);transition:all 0.3s ease;border-radius: var(--cv2-radius-input, 12px)}.sepethosting-accordion-header:hover{background-color:var(--sepethosting-primary-bg)}.sepethosting-accordion-header.active{background-color:var(--sepethosting-primary);color:white;border-color:var(--sepethosting-primary)}.sepethosting-accordion-header.active .sepethosting-accordion-icon{transform:rotate(180deg)}.sepethosting-accordion-content{padding:20px;border:1px solid var(--sepethosting-border);border-top:none;background-color:var(--sepethosting-card-bg);border-radius:0 0 12px 12px;display:none}.sepethosting-domain-search{display:flex;align-items:center;margin:15px auto 15px;max-width:700px;border-radius: var(--cv2-radius-card, 16px);box-shadow:0 8px 32px rgba(0,0,0,0.06);border: 1px solid rgba(0, 0, 0, 0.04);background-color:var(--sepethosting-card-bg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);height:72px;overflow:hidden}.sepethosting-domain-search:focus-within{box-shadow:0 8px 40px rgba(var(--sepethosting-primary-rgb),0.15);transform:scale(1.01)}.sepethosting-domain-search .domain-icon{flex-shrink:0;width:52px;height:52px;margin:0 0 0 12px;border-right:none;display:flex;justify-content:center;align-items:center;font-size:20px;color:var(--sepethosting-primary);background:rgba(var(--sepethosting-primary-rgb),0.08);border-radius:50%}.sepethosting-domain-input{flex:1;padding:0 20px;border: 1px solid rgba(0, 0, 0, 0.04);font-size:16px;font-weight:500;background-color:transparent;color:var(--sepethosting-title);outline:none;height:100%;min-width:0;box-shadow:none}.sepethosting-domain-input:focus,.sepethosting-domain-input:active,.sepethosting-domain-input:focus-visible{border: 1px solid rgba(0, 0, 0, 0.04);outline:none;box-shadow:none;background-color:transparent}.sepethosting-domain-input::placeholder{color:var(--sepethosting-text);opacity:0.7}.sepethosting-domain-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 32px;background:var(--sepethosting-primary);color:white;font-weight:700;font-size: var(--cv2-font-size-button, 15px);border-radius: var(--cv2-radius-btn, 50px);text-decoration:none;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border: 1px solid rgba(0, 0, 0, 0.04);white-space:nowrap;height:48px;margin-right:12px;position:relative;overflow:hidden;letter-spacing:0.3px}.sepethosting-domain-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.sepethosting-domain-button:hover::before{left:100%}.sepethosting-domain-button span{position:relative;z-index:1}.sepethosting-domain-button i{position:relative;z-index:1;transition:transform 0.3s ease}.sepethosting-domain-button:hover i{transform:scale(1.2)}.sepethosting-domain-button:hover{box-shadow:0 8px 24px rgba(var(--sepethosting-primary-rgb),0.35);transform:scale(1.03)}.sepethosting-domain-info{margin-top:20px;padding:20px;background:var(--primary-color-rgb);border-radius: var(--cv2-radius-input, 12px)}.sepethosting-domain-info p{margin:0 0 15px 0;color:var(--sepethosting-title);font-weight:500}.sepethosting-dns-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.sepethosting-dns-item{padding:15px;background-color:var(--sepethosting-card-bg);border:1.5px dashed var(--primary-color);border-radius: var(--cv2-radius-input, 12px);box-shadow:var(--sepethosting-shadow);font-size:14px;color:var(--sepethosting-title)}.sepethosting-domain-result{margin:12px auto 0;padding:0;border-radius: var(--cv2-radius-card, 20px);display:none;max-width:420px}.sepethosting-domain-result.available{background:var(--sepethosting-card-bg);border:1px solid rgba(0,0,0,0.06);box-shadow:0 8px 32px rgba(0,0,0,0.08);overflow:hidden;position:relative;--ticket-footer-height:70px;--ticket-mask-pos:calc(100% - var(--ticket-footer-height));-webkit-mask-image:radial-gradient(circle 10px at 0 var(--ticket-mask-pos),transparent 98%,black 100%),radial-gradient(circle 10px at 100% var(--ticket-mask-pos),transparent 98%,black 100%),linear-gradient(black,black);mask-image:radial-gradient(circle 10px at 0 var(--ticket-mask-pos),transparent 98%,black 100%),radial-gradient(circle 10px at 100% var(--ticket-mask-pos),transparent 98%,black 100%),linear-gradient(black,black);-webkit-mask-composite:destination-out;mask-composite:exclude}.sepethosting-domain-result.available .ticket-content{padding:24px 24px 20px;text-align:center}.sepethosting-domain-result.available .available-icon{width:52px;height:52px;margin:0 auto 14px;background:linear-gradient(135deg,var(--sepethosting-success,var(--cv2-primary)) 0%,var(--cv2-primary) 100%);border-radius: var(--cv2-radius-card, 14px);display:flex;align-items:center;justify-content:center;color:white}.sepethosting-domain-result.available .available-icon svg{width:28px;height:28px;stroke-width:2.5}.sepethosting-domain-result.available .domain-name-display{font-size:20px;font-weight:700;color:var(--sepethosting-title);margin-bottom:4px}.sepethosting-domain-result.available h4{margin:0 0 14px 0;color:var(--sepethosting-success,var(--cv2-primary));font-weight:500;font-size:13px}.sepethosting-domain-result.available .domain-price-display{margin-bottom:0}.sepethosting-domain-result.available .domain-price-display .price-amount{font-size:24px;font-weight:600;color:var(--sepethosting-primary);letter-spacing:-0.3px}.sepethosting-domain-result.available .domain-price-display .period{font-size:14px;font-weight:500;color:var(--sepethosting-text);opacity:0.8}.sepethosting-domain-result.available .setup-notice,.sepethosting-domain-result.available .free-notice{font-size:12px;color:var(--sepethosting-text);margin:8px 0 0}.sepethosting-domain-result.available .ticket-footer{height:auto;padding:16px 20px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;border-top:2px dashed var(--sepethosting-border);background:rgba(var(--sepethosting-primary-rgb),0.02)}.sepethosting-domain-result.available .btn-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;background:transparent;border:1.5px dashed rgba(var(--sepethosting-primary-rgb),0.4);border-radius: var(--cv2-radius-btn, 50px);color:var(--sepethosting-primary);font-size: var(--cv2-font-size-button, 13px);font-weight:700;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;position:relative;overflow:hidden}.sepethosting-domain-result.available .btn-secondary-action:hover{background:rgba(var(--sepethosting-primary-rgb),0.06);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--sepethosting-primary-rgb),0.15)}.sepethosting-domain-result.available .btn-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;background:var(--sepethosting-primary);color:white;font-size: var(--cv2-font-size-button, 13px);font-weight:700;border:2px solid var(--sepethosting-primary);border-radius: var(--cv2-radius-btn, 50px);cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(var(--sepethosting-primary-rgb),0.25)}.sepethosting-domain-result.available .btn-primary-action::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.sepethosting-domain-result.available .btn-primary-action:hover::before{left:100%}.sepethosting-domain-result.available .btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--sepethosting-primary-rgb),0.4)}.sepethosting-domain-result.unavailable{background-color:transparent;max-width:var(--CoreV2-container-width);width:100%;margin-left:auto;margin-right:auto}.sepethosting-domain-result.unavailable h4{color:var(--sepethosting-danger)}.sepethosting-domain-result h4{margin:0 0 15px 0;color:var(--sepethosting-title);font-weight:600;font-size:18px}.sepethosting-domain-result p{margin:0;color:var(--sepethosting-text)}.sepethosting-domain-select{display:flex;gap:10px;margin-top:15px}.sepethosting-subdomain-container{display:flex;align-items:center;gap:10px;margin-bottom:20px}.sepethosting-subdomain-input{flex:1;padding:14px 18px;border:1px solid var(--sepethosting-border);border-radius: var(--cv2-radius-input, 10px);font-size:16px;background-color:var(--sepethosting-card-bg);color:var(--sepethosting-text);transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.02) inset}.sepethosting-subdomain-input:focus{border-color:var(--sepethosting-primary);box-shadow:0 0 0 3px rgba(var(--sepethosting-primary-rgb),0.15);outline:none}.sepethosting-subdomain-select{width:40%;padding:14px 18px;border:1px solid var(--sepethosting-border);border-radius: var(--cv2-radius-input, 10px);font-size:16px;background-color:var(--sepethosting-card-bg);color:var(--sepethosting-text);transition:all 0.3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%236b7280'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:20px}.sepethosting-subdomain-select:focus{border-color:var(--sepethosting-primary);box-shadow:0 0 0 3px rgba(var(--sepethosting-primary-rgb),0.15);outline:none}.sepethosting-form-group{margin-bottom:20px}.sepethosting-form-label{display:block;margin-bottom:10px;font-weight:600;color:var(--sepethosting-title)}.sepethosting-form-input{width:100%;padding:14px 18px;border-radius: var(--cv2-radius-input, 12px);font-size:16px;transition:all 0.3s ease;border:1px solid var(--sepethosting-border);background-color:var(--sepethosting-card-bg);color:var(--sepethosting-text);box-shadow:0 2px 5px rgba(0,0,0,0.02) inset}.sepethosting-form-textarea{width:100%;padding:14px 18px;border-radius: var(--cv2-radius-input, 12px);font-size:16px;transition:all 0.3s ease;background-color:var(--sepethosting-card-bg);color:var(--sepethosting-text);min-height:100px;resize:vertical}.sepethosting-form-textarea:focus{border-color:var(--sepethosting-primary);box-shadow:0 0 0 3px rgba(var(--sepethosting-primary-rgb),0.15);outline:none}.sepethosting-form-select{width:100%;padding:14px 18px;border-radius: var(--cv2-radius-input, 12px);font-size:16px;background-color:var(--sepethosting-card-bg);color:var(--sepethosting-text);appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%236b7280'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:20px;transition:all 0.3s ease}.sepethosting-form-select:focus{border-color:var(--sepethosting-primary);outline:none;box-shadow:0 0 0 3px rgba(var(--sepethosting-primary-rgb),0.15)}.sepethosting-radio-group,.sepethosting-checkbox-group{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.sepethosting-radio-label,.sepethosting-checkbox-label{background:var(--sepethosting-card-bg,white);padding:12px 16px 12px 54px;min-height:60px;border: 1px solid rgba(0, 0, 0, 0.04);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-radius: var(--cv2-radius-input, 10px);transition:all 0.2s ease;position:relative;cursor:pointer}.sepethosting-radio-label span.text,.sepethosting-checkbox-label span.text{font-weight:500;color:var(--sepethosting-text,var(--cv2-primary));font-size:14px;flex:1;min-width:0}.sepethosting-radio-label .price,.sepethosting-checkbox-label .price,.sepethosting-radio-label span:last-child:not(.text),.sepethosting-checkbox-label span:last-child:not(.text){font-size:14px;font-weight:600;color:var(--sepethosting-title,var(--cv2-primary));transition:all 0.2s ease;white-space:nowrap}.sepethosting-radio-label::before,.sepethosting-checkbox-label::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);height:22px;width:22px;min-width:22px;border:2px solid rgba(var(--sepethosting-primary-rgb),0.25);border-radius:50%;background:var(--sepethosting-card-bg,white);transition:all 0.2s ease}.sepethosting-radio-label::after,.sepethosting-checkbox-label::after{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);height:10px;width:10px;min-width:10px;background:var(--sepethosting-primary);border-radius:50%;transition:all 0.2s ease;opacity:0}.sepethosting-radio-label:hover,.sepethosting-checkbox-label:hover{background:rgba(var(--sepethosting-primary-rgb),0.03)}.sepethosting-radio-label:hover::before,.sepethosting-checkbox-label:hover::before{border-color:var(--sepethosting-primary)}.sepethosting-radio-label.selected,.sepethosting-checkbox-label.selected,.sepethosting-radio-label:has(input:checked),.sepethosting-checkbox-label:has(input:checked){background:rgba(var(--sepethosting-primary-rgb),0.05)}.sepethosting-radio-label.selected::before,.sepethosting-checkbox-label.selected::before,.sepethosting-radio-label:has(input:checked)::before,.sepethosting-checkbox-label:has(input:checked)::before{border-color:var(--sepethosting-primary);background:rgba(var(--sepethosting-primary-rgb),0.05)}.sepethosting-radio-label.selected::after,.sepethosting-checkbox-label.selected::after,.sepethosting-radio-label:has(input:checked)::after,.sepethosting-checkbox-label:has(input:checked)::after{opacity:1}.sepethosting-radio-label.selected span.text,.sepethosting-checkbox-label.selected span.text,.sepethosting-radio-label:has(input:checked) span.text,.sepethosting-checkbox-label:has(input:checked) span.text{color:var(--sepethosting-title,var(--cv2-primary));font-weight:600}.sepethosting-radio-label.selected .price,.sepethosting-checkbox-label.selected .price,.sepethosting-radio-label:has(input:checked) .price,.sepethosting-checkbox-label:has(input:checked) .price,.sepethosting-radio-label.selected span:last-child:not(.text),.sepethosting-checkbox-label.selected span:last-child:not(.text),.sepethosting-radio-label:has(input:checked) span:last-child:not(.text),.sepethosting-checkbox-label:has(input:checked) span:last-child:not(.text){color:var(--sepethosting-primary);font-weight:700}@media (max-width:768px){.sepethosting-radio-group,.sepethosting-checkbox-group{grid-template-columns:1fr;gap:10px}.sepethosting-radio-label,.sepethosting-checkbox-label{padding:14px 14px 14px 50px;min-height:56px}.sepethosting-radio-label::before,.sepethosting-checkbox-label::before{left:14px;height:20px;width:20px;min-width:20px}.sepethosting-radio-label::after,.sepethosting-checkbox-label::after{left:19px;height:10px;width:10px}.sepethosting-radio-label span.text,.sepethosting-checkbox-label span.text{font-size:13px}.sepethosting-radio-label .price,.sepethosting-checkbox-label .price{font-size:13px}}.sepethosting-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:30px;border-radius: var(--cv2-radius-input, 12px);overflow:hidden;box-shadow:var(--sepethosting-shadow)}.sepethosting-table th{background-color:var(--sepethosting-card-hover);padding:15px 20px;text-align:left;font-weight:600;color:var(--sepethosting-title);border-bottom:1px solid var(--sepethosting-border);font-size:15px}.sepethosting-table td{padding:15px 20px;border-bottom:1px solid var(--sepethosting-border);background-color:var(--sepethosting-card-bg);color:var(--sepethosting-text);vertical-align:top}.sepethosting-table tr:last-child td{border-bottom:none}.sepethosting-table tr:hover td{background-color:transparent}.sepethosting-range-slider{margin-top:20px;padding:20px;background-color:var(--sepethosting-card-hover);border-radius: var(--cv2-radius-input, 12px);border:1px solid var(--sepethosting-border)}.sepethosting-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 28px;background:var(--sepethosting-primary);color:white;font-weight:700;border-radius: var(--cv2-radius-btn, 50px);text-decoration:none;text-align:center;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border: 1px solid rgba(0, 0, 0, 0.04);min-width:0;width:auto;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(var(--sepethosting-primary-rgb),0.25);font-size: var(--cv2-font-size-button, 15px);letter-spacing:0.2px;z-index:1}.sepethosting-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;z-index:-1}.sepethosting-button:hover::before{left:100%}.sepethosting-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(var(--sepethosting-primary-rgb),0.4),0 0 20px rgba(var(--sepethosting-primary-rgb),0.15)}.sepethosting-button:active{transform:translateY(0) scale(0.98);box-shadow:0 2px 8px rgba(var(--sepethosting-primary-rgb),0.3)}.sepethosting-button .btn-arrow{display:inline-flex;align-items:center;transition:transform 0.3s ease}.sepethosting-button:hover .btn-arrow{transform:translateX(4px)}.sepethosting-button.loading{pointer-events:none;opacity:0.85}.sepethosting-error{color:var(--sepethosting-danger);margin-top:15px;padding:13px 18px 13px 22px;background-color:var(--sepethosting-danger-bg);border-radius: var(--cv2-radius-input, 10px);display:none;position:relative;overflow:hidden;font-weight:500;animation:fadeIn 0.3s ease}.sepethosting-error::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:55%;background:var(--sepethosting-danger);border-radius:0 3px 3px 0}.sepethosting-center{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:35px;gap:15px}.sepethosting-center button,.sepethosting-center .btn,.sepethosting-center input[type="submit"],.sepethosting-center .mio-ajax-submit{background:linear-gradient(135deg,var(--sepethosting-primary) 0%,rgba(var(--sepethosting-primary-rgb),0.85) 100%);color:white;border: 1px solid rgba(0, 0, 0, 0.04);padding:13px 28px;font-size: var(--cv2-font-size-button, 15px);font-weight:600;border-radius: var(--cv2-radius-btn, 50px);cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(var(--sepethosting-primary-rgb),0.25);text-transform:none;letter-spacing:0.2px;position:relative;overflow:hidden}.sepethosting-center button:before,.sepethosting-center .btn:before,.sepethosting-center input[type="submit"]:before,.sepethosting-center .mio-ajax-submit:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.sepethosting-center button:hover,.sepethosting-center .btn:hover,.sepethosting-center input[type="submit"]:hover,.sepethosting-center .mio-ajax-submit:hover{transform:translateY(-3px);box-shadow:0 12px 30px -8px rgba(var(--sepethosting-primary-rgb),0.5)}.sepethosting-center button:hover:before,.sepethosting-center .btn:hover:before,.sepethosting-center input[type="submit"]:hover:before,.sepethosting-center .mio-ajax-submit:hover:before{left:100%}.sepethosting-center button:active,.sepethosting-center .btn:active,.sepethosting-center input[type="submit"]:active,.sepethosting-center .mio-ajax-submit:active{transform:translateY(-1px)}.sepethosting-required{color:var(--sepethosting-danger);margin-right:5px;display:inline-block;font-weight:bold}.sepethosting-file-upload{position:relative;margin-bottom:10px}.sepethosting-form-file{position:absolute;width:0.1px;height:0.1px;opacity:0;overflow:hidden;z-index:-1}.sepethosting-file-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;background-color:var(--sepethosting-card-hover);border:2px dashed var(--sepethosting-border);border-radius: var(--cv2-radius-input, 12px);cursor:pointer;transition:all 0.3s ease;color:var(--sepethosting-text);font-size:15px;text-align:center}.sepethosting-file-label:hover,.sepethosting-file-label.has-files{background-color:var(--sepethosting-primary-bg);border-color:var(--sepethosting-primary);color:var(--sepethosting-primary)}.sepethosting-file-label i{font-size:20px}.sepethosting-file-selected{padding:12px 15px;background-color:var(--sepethosting-success-bg);color:var(--sepethosting-success);border-radius: var(--cv2-radius-input, 10px);margin-top:10px;font-size:14px;animation:fadeIn 0.3s ease;border-left:3px solid var(--sepethosting-success);display:flex;align-items:center;gap:8px}.sepethosting-file-selected i{font-size:16px}.sepethosting-success-message{color:var(--sepethosting-success);margin-top:15px;padding:15px 20px;background-color:var(--sepethosting-success-bg);border-radius: var(--cv2-radius-input, 10px);font-weight:500;animation:fadeIn 0.3s ease;display:flex;align-items:center;gap:10px}.sepethosting-success-message i{font-size:20px}.sepethosting-shimmer{display:inline-block;width:80px;max-width:80px;height:18px;background:linear-gradient(90deg,rgba(var(--sepethosting-primary-rgb),0.1) 0%,rgba(var(--sepethosting-primary-rgb),0.2) 50%,rgba(var(--sepethosting-primary-rgb),0.1) 100% );background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius: var(--cv2-radius-input, 6px)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sepethosting-fade-in{animation:fadeIn 0.5s ease-in-out}.sepethosting-slide-in{animation:slideIn 0.5s ease-in-out}.sepethosting-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 0.6s linear;background-color:rgba(255,255,255,0.3)}@keyframes ripple{to{transform:scale(2.5);opacity:0}}.sepethosting-error-input{border-color:var(--sepethosting-danger);box-shadow:0 0 0 3px var(--sepethosting-danger-bg);animation:shake 0.5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@media (max-width:992px){.sepethosting-wrapper{padding:10px;border-radius: var(--cv2-radius-card, 15px);margin-left:15px;margin-right:15px;margin-top:0}.sepethosting-steps-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:100%}.sepethosting-steps-container .sepethosting-step{flex:none;max-width:100%}.sepethosting-section-title h1{font-size:24px}.sepethosting-section-title h2{max-width:95%;font-size:15px}.sepethosting-content{padding:25px 20px}.sepethosting-table th,.sepethosting-table td{padding:12px 15px}}@media (max-width:768px){.sepethosting-steps-container::after{display:none}.sepethosting-step{margin:0}.sepethosting-step.active{transform:scale(1.03)}.sepethosting-button{width:100%}.sepethosting-domain-search{flex-direction:column;gap:10px;padding:15px;height:auto;max-width:100%;width:100%;margin:10px 0}.sepethosting-domain-search .domain-icon{display:none}.sepethosting-domain-input{width:100%;min-height:50px;padding:12px 15px;font-size:16px;border:1px solid var(--sepethosting-border);border-radius: var(--cv2-radius-input, 10px);background-color:var(--sepethosting-card-bg)}.sepethosting-domain-button{width:100%;min-height:50px;margin:0;border-radius: var(--cv2-radius-btn, 10px)}.sepethosting-subdomain-container{flex-direction:column;gap:15px}.sepethosting-subdomain-select{width:100%}}@media (max-width:576px){.sepethosting-content{padding:15px 10px}.sepethosting-radio-group,.sepethosting-checkbox-group{grid-template-columns:1fr;gap:8px;margin:10px 0}.sepethosting-radio-label,.sepethosting-checkbox-label{padding:12px 12px 12px 46px;min-height:52px;border-radius: var(--cv2-radius-input, 8px)}.sepethosting-radio-label span.text,.sepethosting-checkbox-label span.text{font-size:12px}.sepethosting-radio-label .price,.sepethosting-checkbox-label .price{font-size:12px}.sepethosting-domain-result{max-width:100%;margin:10px 0;border-radius: var(--cv2-radius-card, 16px)}.sepethosting-domain-result.unavailable > div{grid-template-columns:1fr;gap:12px}.sepethosting-domain-result.available .ticket-content{padding:20px 16px}.sepethosting-domain-result.available .ticket-footer{padding:12px 16px}.genelbaslik{padding:0 10px}.sepethosting-wrapper{overflow-x:hidden;max-width:100vw}.sepethosting-table{display:block;max-width:100%}.sepethosting-table thead{display:none}.sepethosting-table tbody{display:block}.sepethosting-table tr{display:flex;flex-direction:column;margin-bottom:20px;background:var(--sepethosting-card-bg,white);border-radius: var(--cv2-radius-input, 12px);padding:15px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.sepethosting-table td{display:block;width:100%;padding:8px 0;border: 1px solid rgba(0, 0, 0, 0.04);text-align:left}.sepethosting-table td:first-child{font-weight:600;font-size:14px;color:var(--sepethosting-title);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--sepethosting-border)}.sepethosting-table td:last-child{padding-top:5px}.sepethosting-content *{max-width:100%;box-sizing:border-box}}
[data-theme="dark"] .sepethosting-form-select,[data-theme="dark"] .sepethosting-subdomain-select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%2394a3b8'/%3E%3C/svg%3E")}
[data-theme="dark"] .sepethosting-period-footer{border-top-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .sepethosting-select-indicator{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.5)}
[data-theme="dark"] .sepethosting-step.completed{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.12)}
[data-theme="dark"] .sepethosting-step.completed .sepethosting-step-number{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.35)}
[data-theme="dark"] .sepethosting-step.completed .sepethosting-step-name,[data-theme="dark"] .sepethosting-step.completed .sepethosting-step-description{color:rgba(255,255,255,0.35)}
[data-theme="dark"] .unavail-card-title,[data-theme="dark"] .unavail-card-price .domain-price{color:var(--sepethosting-title)}
[data-theme="dark"] .unavail-info-row{color:var(--sepethosting-text)}
@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@keyframes stepCheckPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}
@keyframes stepPulseRing{0%{box-shadow:0 0 0 0 rgba(var(--sepethosting-primary-rgb),.35)}70%{box-shadow:0 0 0 10px rgba(var(--sepethosting-primary-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--sepethosting-primary-rgb),0)}}
@keyframes stepShine{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes stepSuccessEntrance{0%{opacity:0;transform:scale(.9) translateY(20px)}60%{transform:scale(1.02) translateY(-4px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.sepethosting-steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 40px;position:relative;padding:0 10px;max-width:none}
.sepethosting-steps-container .sepethosting-step{flex:1 1 160px;max-width:200px;animation:stepFadeIn .5s ease both;position:relative}
.sepethosting-steps-container .sepethosting-step:nth-child(1){animation-delay:.05s}
.sepethosting-steps-container .sepethosting-step:nth-child(2){animation-delay:.12s}
.sepethosting-steps-container .sepethosting-step:nth-child(3){animation-delay:.19s}
.sepethosting-steps-container .sepethosting-step:nth-child(4){animation-delay:.26s}
.sepethosting-steps-container .sepethosting-step:nth-child(5){animation-delay:.33s}
.sepethosting-step{background:var(--header-action-gradient);border-radius: var(--cv2-radius-card, 14px);padding:20px 16px;text-align:center;border:1px solid var(--header-action-border);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}
.sepethosting-step::before{content:'';position:absolute;top:-2px;left:30%;right:30%;height:3px;background:rgba(var(--sepethosting-primary-rgb),.15);border-radius: var(--cv2-radius-input, 4px);transition:all .4s ease}
.sepethosting-step:hover{transform:translateY(-2px);border-color:rgba(var(--sepethosting-primary-rgb),.2)}
.sepethosting-step-number{width:40px;height:40px;border-radius: var(--cv2-radius-input, 12px);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:15px;font-weight:700;background:rgba(var(--sepethosting-primary-rgb),.06);color:var(--sepethosting-primary);border:1.5px solid rgba(var(--sepethosting-primary-rgb),.12);transition:all .4s cubic-bezier(.4,0,.2,1)}
.sepethosting-step-name{font-size:13px;font-weight:600;color:var(--sepethosting-title);margin-bottom:4px;transition:color .3s}
.sepethosting-step-description{font-size:11px;color:var(--sepethosting-text);line-height:1.4;opacity:.8;transition:all .3s}
.sepethosting-step.active{background:var(--sepethosting-primary-gradient);color:#ffffff;border-color:transparent;transform:translateY(-2px);box-shadow:none}
.sepethosting-step.active::before{height:3px;background:#ffffff;left:28%;right:28%;opacity:.9;top:-2px}
.sepethosting-step.active .sepethosting-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
.sepethosting-step.active .sepethosting-step-name{color:#ffffff}
.sepethosting-step.active .sepethosting-step-description{color:rgba(255,255,255,.8);opacity:1}
.sepethosting-step.completed{background:var(--sepethosting-card-bg);border-color:rgba(var(--sepethosting-primary-rgb),.10);opacity:.55;filter:grayscale(.15)}
.sepethosting-step.completed::before{height:3px;background:var(--sepethosting-primary);left:28%;right:28%;opacity:.7;top:-2px}
.sepethosting-step.completed .sepethosting-step-number{background:rgba(var(--sepethosting-primary-rgb),.1);border-color:rgba(var(--sepethosting-primary-rgb),.2);color:var(--sepethosting-primary);font-size:0}
.sepethosting-step.completed .sepethosting-step-number::after{content:'\2713';font-size:16px;font-weight:700;animation:stepCheckPop .4s ease both;display:flex;align-items:center;justify-content:center}
.sepethosting-step.completed .sepethosting-step-name{color:var(--sepethosting-text)}
.sepethosting-step.completed .sepethosting-step-description{color:var(--sepethosting-text);opacity:.5}
.sepethosting-step.completed:hover{opacity:.8;filter:none}
.sepethosting-success-container{animation:stepSuccessEntrance .6s cubic-bezier(.4,0,.2,1) both}
.sepethosting-content{animation:stepFadeIn .45s ease .15s both}
.sepethosting-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none}
.sepethosting-button:hover{transform:translateY(-1px)}
.sepethosting-button:active{transform:translateY(0)}
.sepethosting-period-block{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none;background:var(--header-action-gradient);border:1px solid var(--header-action-border);overflow:hidden;word-break:break-word}
.sepethosting-period-block:not(.active){background:var(--header-action-gradient);border-color:var(--header-action-border)}
.sepethosting-period-block:hover{transform:translateY(-3px);border-color:rgba(var(--sepethosting-primary-rgb),.18)}
.sepethosting-period-block.active{animation:stepFadeIn .3s ease both;background:var(--sepethosting-primary-gradient);border-color:transparent}
[data-theme="dark"] .sepethosting-step{background:var(--header-action-gradient);border-color:var(--header-action-border)}
[data-theme="dark"] .sepethosting-step::before{background:var(--sepethosting-border)}
[data-theme="dark"] .sepethosting-step.active{background:var(--sepethosting-primary-gradient);border-color:transparent;color:#ffffff}
[data-theme="dark"] .sepethosting-step.active .sepethosting-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepethosting-step.active .sepethosting-step-name{color:#ffffff}
[data-theme="dark"] .sepethosting-step.active .sepethosting-step-description{color:rgba(255,255,255,.8)}
[data-theme="dark"] .sepethosting-step.completed{background:rgba(255,255,255,.03);border-color:rgba(var(--sepethosting-primary-rgb),.18);opacity:.6}
[data-theme="dark"] .sepethosting-step.completed .sepethosting-step-number{background:rgba(var(--sepethosting-primary-rgb),.12);border-color:rgba(var(--sepethosting-primary-rgb),.22)}
[data-theme="dark"] .sepethosting-step.completed .sepethosting-step-name,[data-theme="dark"] .sepethosting-step.completed .sepethosting-step-description{color:rgba(255,255,255,.35)}
@media(max-width:767px){.sepethosting-steps-container{gap:8px;margin-top:75px}.sepethosting-steps-container .sepethosting-step{flex:0 0 calc(50% - 4px);max-width:calc(50% - 4px)}.sepethosting-step{padding:14px 10px}.sepethosting-step-number{width:34px;height:34px;font-size:13px}.sepethosting-step-name{font-size:12px}.sepethosting-step-description{font-size:10px}}
.sepethosting-domain-search{position:relative;display:flex;align-items:center;min-height:60px;background:var(--sepethosting-card-bg);border:1px solid var(--sepethosting-border);border-radius: var(--cv2-radius-card, 14px);overflow:hidden;transition:border-color .3s}
.sepethosting-domain-search:focus-within{border-color:rgba(var(--sepethosting-primary-rgb),.25)}
.sepethosting-domain-search .domain-icon{position:absolute;left:0;width:56px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--sepethosting-text);font-size:20px;border:none;background:transparent;flex-shrink:0;pointer-events:none;z-index:5;transition:color .25s ease}
.sepethosting-domain-search .domain-icon::after{content:'';position:absolute;right:0;top:12px;bottom:12px;width:1.5px;background:var(--sepethosting-border);border-radius: var(--cv2-radius-input, 1px)}
.sepethosting-domain-search:focus-within .domain-icon{color:var(--sepethosting-primary)}
.sepethosting-domain-search:focus-within .domain-icon::after{background:rgba(var(--sepethosting-primary-rgb),.2)}
.sepethosting-domain-search .sepethosting-domain-input{flex:1;height:60px;padding:0 170px 0 78px;border:none;background:transparent;outline:none;font-size:15px;font-weight:500;color:var(--sepethosting-title);letter-spacing:-.015em}
.sepethosting-domain-search .sepethosting-domain-input::placeholder{color:var(--sepethosting-text);font-weight:400;font-size: var(--cv2-font-size-button, 14px);opacity:.6}
.sepethosting-domain-search .sepethosting-domain-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 22px;background:var(--sepethosting-primary-gradient);color:#ffffff;border:none;border-radius: var(--cv2-radius-input, 11px);font-size:13px;font-weight:600;cursor:pointer;transition:all .22s ease;white-space:nowrap;z-index:10}
.sepethosting-domain-search .sepethosting-domain-button:hover{filter:brightness(1.08);transform:translateY(calc(-50% - 1px))}
.sepethosting-domain-search .sepethosting-domain-button:active{transform:translateY(calc(-50% + 1px))}
@media(max-width:767px){.sepethosting-domain-search{flex-wrap:wrap;min-height:auto;padding:10px}.sepethosting-domain-search .domain-icon{position:absolute;width:40px;height:40px;top:10px;left:10px;font-size:18px}.sepethosting-domain-search .domain-icon::after{top:8px;bottom:8px}.sepethosting-domain-search .sepethosting-domain-input{flex:1 1 100%;height:40px;padding:0 14px 0 48px;font-size: var(--cv2-font-size-button, 14px)}.sepethosting-domain-search .sepethosting-domain-button{position:relative;right:auto;top:auto;transform:none;flex:1 1 100%;width:100%;height:42px;justify-content:center;font-size: var(--cv2-font-size-button, 13px);border-radius: var(--cv2-radius-input, 10px);margin-top:8px}.sepethosting-domain-search .sepethosting-domain-button:hover{transform:none}}
.sepethosting-domain-result.available{background:var(--sepethosting-card-bg);border:1px solid rgba(var(--cv2-primary-rgb),.18);border-radius: var(--cv2-radius-card, 16px);padding:0;margin-top:16px;overflow:hidden}
.sepethosting-domain-result.available .ticket-content{padding:24px 20px;text-align:center}
.sepethosting-domain-result.available .available-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(var(--cv2-primary-rgb),.08);display:flex;align-items:center;justify-content:center}
.sepethosting-domain-result.available .available-icon svg{width:28px;height:28px;color:var(--cv2-success)}
.sepethosting-domain-result.available .domain-name-display{font-size:15px;font-weight:700;color:var(--sepethosting-title);margin:0 0 4px}
.sepethosting-domain-result.available h4{font-size:13px;font-weight:500;color:var(--cv2-success);margin:0 0 12px}
.sepethosting-domain-result.available .domain-price-display{display:inline-flex;align-items:baseline;gap:4px;background:rgba(var(--cv2-primary-rgb),.06);padding:8px 16px;border-radius: var(--cv2-radius-input, 10px);margin-bottom:10px;border:1px solid rgba(var(--cv2-primary-rgb),.1)}
.sepethosting-domain-result.available .price-amount{font-size:20px;font-weight:700;color:var(--cv2-success)}
.sepethosting-domain-result.available .period{font-size:12px;color:var(--sepethosting-text);font-weight:500}
.sepethosting-domain-result.available .setup-notice,.sepethosting-domain-result.available .free-notice{font-size:11px;color:var(--sepethosting-text);margin:4px 0 0}
.sepethosting-domain-result.available .ticket-footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid rgba(var(--cv2-primary-rgb),.1);background:rgba(var(--cv2-primary-rgb),.02)}
.sepethosting-domain-result.available .btn-primary-action,.sepethosting-domain-result.available .btn-secondary-action{flex:1;padding:11px 16px;border-radius: var(--cv2-radius-btn, 11px);font-size: var(--cv2-font-size-button, 13px);font-weight:600;cursor:pointer;transition:all .2s;border:none;text-align:center}
.sepethosting-domain-result.available .btn-primary-action{background:linear-gradient(135deg,var(--cv2-success),var(--cv2-success));color:#ffffff}
.sepethosting-domain-result.available .btn-primary-action:hover{filter:brightness(1.08);transform:translateY(-1px)}
.sepethosting-domain-result.available .btn-secondary-action{background:transparent;color:var(--sepethosting-text);border:1px solid var(--sepethosting-border)}
.sepethosting-domain-result.available .btn-secondary-action:hover{border-color:rgba(var(--cv2-primary-rgb),.25);color:var(--cv2-success)}
.sepethosting-domain-result.unavailable{margin-top:18px;width:100%;max-width:var(--CoreV2-container-width)}
.sepethosting-domain-results,
.sepethosting-domain-search,
.sepethosting-domain-result,
.sepethosting-domain-result.available,
.sepethosting-domain-result.unavailable > div,
.unavail-card,
.unavail-card-filled,
.unavail-card-dashed{box-shadow:none;-webkit-mask-image:none;mask-image:none}
.sepethosting-domain-result.available::before,
.sepethosting-domain-result.available::after{display:none;content:none}
.sepethosting-domain-search:focus-within{box-shadow:none;transform:none}
.sepethosting-domain-button:hover{box-shadow:none}
.sepethosting-domain-result.available .btn-primary-action,
.sepethosting-domain-result.available .btn-secondary-action,
.sepethosting-domain-result.available .btn-primary-action:hover,
.sepethosting-domain-result.available .btn-secondary-action:hover{box-shadow:none;transform:none}
.unavail-btn-filled:hover,.unavail-btn-dashed:hover,.unavail-card:hover{box-shadow:none;transform:none}
.sepethosting-wrapper{box-shadow:none}
.sepethosting-step:not(.active):not(.completed){opacity:1;filter:grayscale(1);background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
.sepethosting-step:not(.active):not(.completed):hover{filter:grayscale(.5);border-color:rgba(0,0,0,.1)}
.sepethosting-step:not(.active):not(.completed) .sepethosting-step-number{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.3)}
.sepethosting-step:not(.active):not(.completed) .sepethosting-step-name{color:rgba(0,0,0,.35)}
.sepethosting-step:not(.active):not(.completed) .sepethosting-step-description{color:rgba(0,0,0,.25)}
.sepethosting-step:not(.active):not(.completed)::before{background:rgba(0,0,0,.06)}
[data-theme="dark"] .sepethosting-step:not(.active):not(.completed){background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06)}
[data-theme="dark"] .sepethosting-step:not(.active):not(.completed) .sepethosting-step-number{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.25)}
[data-theme="dark"] .sepethosting-step:not(.active):not(.completed) .sepethosting-step-name{color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepethosting-step:not(.active):not(.completed) .sepethosting-step-description{color:rgba(255,255,255,.2)}
[data-theme="dark"] .sepethosting-step:not(.active):not(.completed)::before{background:rgba(255,255,255,.04)}
.genelbaslik hr,.genelbaslik-aciklama + hr,.sepethosting-content > hr:first-child{display:none}
@media(max-width:767px){.genelbaslik-aciklama{font-size:12px}.genelbaslik-ana-baslik{font-size:22px}.sepethosting-period-container{margin-top:10px}}
.sepethosting-success-message{color:var(--cv2-success);padding:12px 16px 12px 20px;background-color:rgba(var(--cv2-primary-rgb),.08);border-radius: var(--cv2-radius-input, 8px);position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:stepFadeIn .3s ease;display:none;margin-top:15px}
.sepethosting-success-message::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--cv2-success);border-radius:0 2px 2px 0}
.sepethosting-select-indicator{width:24px;height:24px;border-radius:50%;border:2px solid var(--sepethosting-border);display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .25s cubic-bezier(.4,0,.2,1);color:transparent;font-size:12px;background:transparent}
.sepethosting-period-block.active .sepethosting-select-indicator{background:transparent;border-color:transparent;color:#ffffff;transform:scale(1.08);box-shadow:none}
.sepethosting-period-block.active .sepethosting-select-indicator i{color:#ffffff;font-weight:700;font-size:12px;animation:stepCheckPop .3s ease both}
[data-theme="dark"] .sepethosting-select-indicator{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.sepethosting-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;margin-top:35px;gap:12px}
.sepethosting-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius: var(--cv2-radius-btn, 50px);font-size: var(--cv2-font-size-button, 14px);font-weight:600;background:var(--sepethosting-primary-gradient);color:#ffffff;border:1px solid rgba(0,0,0,.04);cursor:pointer;transition:all .25s ease;letter-spacing:.01em;width:auto;min-width:200px;min-height:48px;margin:0;box-shadow:none;text-align:center}
.sepethosting-button .btn-arrow{display:inline-flex;align-items:center;transition:transform .25s ease}
.sepethosting-button:hover .btn-arrow{transform:translateX(3px)}
.sepethosting-center .sepethosting-button,.sepethosting-center .mio-ajax-submit{padding:12px 28px;font-size: var(--cv2-font-size-button, 14px);min-height:48px;min-width:200px;box-shadow:none}
@media(max-width:767px){.sepethosting-button,.sepethosting-center .sepethosting-button,.sepethosting-center .mio-ajax-submit{width:100%;padding:12px 16px;font-size: var(--cv2-font-size-button, 13px);border-radius: var(--cv2-radius-btn, 12px);min-height:44px;min-width:0}.sepethosting-button.loading,.sepethosting-center .mio-ajax-submit.loading,.sepethosting-center .mio-ajax-submit[data-pending]{pointer-events:none;opacity:.92}.sepethosting-center{padding:0 4px;margin-top:20px;gap:10px}}
.sepethosting-content{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;position:relative;overflow:visible;margin:0 auto 16px;box-sizing:border-box}
.sepethosting-table{width:100%;display:block;max-width:var(--CoreV2-container-width);margin:0 auto}
.sepethosting-table tbody{display:flex;flex-direction:column;gap:10px}
.sepethosting-table tr{display:flex;flex-direction:column;background:var(--sepethosting-card-bg);border:1px solid var(--sepethosting-border);border-radius: var(--cv2-radius-input, 12px);padding:16px 18px}
.sepethosting-table td{display:block;padding:0;border:none}
.sepethosting-table td:first-child{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(var(--sepethosting-primary-rgb),.06)}
.sepethosting-table td:first-child label .sepethosting-required{color:var(--cv2-danger);font-weight:700;font-size:14px;line-height:1.2;flex-shrink:0}
.sepethosting-table td:first-child label strong{font-size:13px;font-weight:600;color:var(--sepethosting-title);display:block;margin-bottom:2px;line-height:1.3}
.sepethosting-table td:first-child label p{font-size:11.5px;font-weight:400;color:var(--sepethosting-text);margin:2px 0 0;line-height:1.45;opacity:.7}
.sepethosting-radio-group,.sepethosting-checkbox-group{display:flex;flex-wrap:wrap;gap:8px}
.sepethosting-wrapper .sepethosting-table .sepethosting-radio-group .sepethosting-radio-label:not(:has(img)),
.sepethosting-wrapper .sepethosting-table .sepethosting-checkbox-group .sepethosting-checkbox-label:not(:has(img)),
.sepethosting-wrapper .sepethosting-content .sepethosting-radio-label:not(:has(img)),
.sepethosting-wrapper .sepethosting-content .sepethosting-checkbox-label:not(:has(img)){display:inline-flex;align-items:center;padding:10px 16px;border:1.5px solid var(--sepethosting-border);border-radius:50px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease;background:transparent;background-color:transparent;background-image:none;font-size:13px;font-weight:500;color:var(--sepethosting-title);min-height:auto;max-height:none;justify-content:flex-start;flex-wrap:nowrap;position:static;box-shadow:none;vertical-align:baseline}
.sepethosting-wrapper .sepethosting-table .sepethosting-radio-group .sepethosting-radio-label:not(:has(img)):hover,
.sepethosting-wrapper .sepethosting-table .sepethosting-checkbox-group .sepethosting-checkbox-label:not(:has(img)):hover{border-color:rgba(var(--sepethosting-primary-rgb),.25);background:transparent}
.sepethosting-wrapper .sepethosting-table .sepethosting-radio-group .sepethosting-radio-label:not(:has(img)):has(input:checked),
.sepethosting-wrapper .sepethosting-table .sepethosting-checkbox-group .sepethosting-checkbox-label:not(:has(img)):has(input:checked),
.sepethosting-wrapper .sepethosting-content .sepethosting-radio-label:not(:has(img)):has(input:checked),
.sepethosting-wrapper .sepethosting-content .sepethosting-checkbox-label:not(:has(img)):has(input:checked){border:1.5px dashed rgba(var(--sepethosting-primary-rgb),.4);color:var(--sepethosting-primary);background-color:rgba(var(--sepethosting-primary-rgb),.06)}
.sepethosting-radio-label span,.sepethosting-checkbox-label span{font-size:13px;line-height:1.3;margin-left:4px}
.sepethosting-radio-label span strong,.sepethosting-checkbox-label span strong{font-weight:600;color:var(--sepethosting-primary)}
.sepethosting-radio-custom,.sepethosting-checkbox-custom{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;flex-shrink:0;margin:0 10px 0 0;position:relative;cursor:pointer;border:2px solid var(--sepethosting-border);background:rgba(0,0,0,.02);transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}
.sepethosting-radio-custom{border-radius:50%}
.sepethosting-checkbox-custom{border-radius:5px}
.sepethosting-radio-custom:hover,.sepethosting-checkbox-custom:hover{border-color:rgba(var(--sepethosting-primary-rgb),.35)}
.sepethosting-radio-custom:checked{background:var(--sepethosting-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:10px;border-color:var(--sepethosting-primary);box-shadow:0 2px 6px rgba(var(--sepethosting-primary-rgb),.25)}
.sepethosting-checkbox-custom:checked{background:var(--sepethosting-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:11px;border-color:var(--sepethosting-primary);box-shadow:0 2px 6px rgba(var(--sepethosting-primary-rgb),.25)}
[data-theme="dark"] .sepethosting-radio-custom,[data-theme="dark"] .sepethosting-checkbox-custom{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}
[data-theme="dark"] .sepethosting-radio-custom:hover,[data-theme="dark"] .sepethosting-checkbox-custom:hover{border-color:rgba(var(--sepethosting-primary-rgb),.4)}
[data-theme="dark"] .sepethosting-radio-custom:checked{background:var(--sepethosting-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:10px;border-color:var(--sepethosting-primary);box-shadow:0 2px 6px rgba(var(--sepethosting-primary-rgb),.25)}
[data-theme="dark"] .sepethosting-checkbox-custom:checked{background:var(--sepethosting-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:11px;border-color:var(--sepethosting-primary)}
.sepethosting-wrapper .sepethosting-radio-label::before,.sepethosting-wrapper .sepethosting-radio-label::after,.sepethosting-wrapper .sepethosting-checkbox-label::before,.sepethosting-wrapper .sepethosting-checkbox-label::after{display:none;content:none;position:static;width:0;height:0;border:none;background:none}
.sepethosting-content .sepethosting-form-select{font-size:13px;padding:9px 12px;border-radius: var(--cv2-radius-input, 9px);border:1.5px solid var(--sepethosting-border);background:var(--sepethosting-card-bg);color:var(--sepethosting-title);width:100%;max-width:340px;box-sizing:border-box}
.sepethosting-content .sepethosting-form-input,.sepethosting-content .sepethosting-form-textarea{box-sizing:border-box}
.sepethosting-content .sepethosting-form-label{font-size:13px;font-weight:500;margin-bottom:6px;display:block}
.sepethosting-content .sepethosting-form-label strong{font-weight:600;font-size:13px}
.sepethosting-content .sepethosting-form-group{margin-bottom:10px;background:var(--sepethosting-card-bg);border:1px solid var(--sepethosting-border);border-radius: var(--cv2-radius-input, 12px);padding:16px 18px}
.sepethosting-content h2,.sepethosting-content h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--sepethosting-title)}
@media(max-width:767px){.sepethosting-content{max-width:100%;padding:0 8px}.sepethosting-table tbody{gap:8px}.sepethosting-table tr{padding:14px 12px;border-radius: var(--cv2-radius-input, 11px)}.sepethosting-table td:first-child{margin-bottom:8px;padding-bottom:8px}.sepethosting-table td:first-child label strong{font-size:12.5px}.sepethosting-table td:first-child label p{font-size:11px}.sepethosting-radio-group,.sepethosting-checkbox-group{gap:6px}.sepethosting-wrapper .sepethosting-table .sepethosting-radio-group .sepethosting-radio-label,
.sepethosting-wrapper .sepethosting-table .sepethosting-checkbox-group .sepethosting-checkbox-label,
.sepethosting-wrapper .sepethosting-content .sepethosting-radio-label,
.sepethosting-wrapper .sepethosting-content .sepethosting-checkbox-label{padding:9px 14px;font-size:12px}.sepethosting-radio-label span,.sepethosting-checkbox-label span{font-size:12px}.sepethosting-content .sepethosting-form-group{padding:12px 14px;border-radius: var(--cv2-radius-input, 11px)}.sepethosting-content .sepethosting-form-select{max-width:100%}}
.sepethosting-domain-result.available .domain-price-display .price-amount{font-size:20px;font-weight:700;color:var(--cv2-success)}
@media(min-width:768px){.sepethosting-steps-container .sepethosting-step{flex:1 1 170px;max-width:200px}.sepethosting-steps-container{gap:14px}}
.sepethosting-discount-badge{border-style:dashed}
.sepethosting-period-block.active .sepethosting-discount-badge{border-color:rgba(255,255,255,.7)}
/* Dönem konteyner: order-steps-unified.css */
@media(max-width:767px){.sepethosting-period-container{padding:0 6px}
.sepethosting-period-block .sepethosting-period-title{font-size:12px}
.sepethosting-period-block .sepethosting-period-price{font-size:18px}
.sepethosting-period-block .sepethosting-original-price{font-size:12px}
.sepethosting-period-block .sepethosting-discount-badge{font-size:9px;padding:2px 5px;border-style:dashed}
.sepethosting-period-block .sepethosting-period-setup-fee{font-size:10px}
.sepethosting-period-block .sepethosting-period-footer{padding:8px 10px}
.sepethosting-period-block .sepethosting-period-content{padding:12px 8px}
.sepethosting-period-block .sepethosting-select-indicator{width:20px;height:20px;font-size:10px}}
.sepethosting-success{color:var(--cv2-success);margin-top:15px;padding:12px 16px 12px 20px;background-color:rgba(var(--cv2-primary-rgb),.08);border-radius: var(--cv2-radius-input, 8px);display:none;position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:stepFadeIn .3s ease}.sepethosting-success::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--cv2-success);border-radius:0 2px 2px 0}
/* cv2-order-shell: eski grid/mask override */
.cv2-order-shell.sepethosting-wrapper{padding:0 var(--CoreV2-container-padding,16px) 24px;max-width:var(--CoreV2-container-width,1300px);width:100%;margin:0 auto 40px;background:transparent}
.cv2-order-shell .sepethosting-period-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;grid-template-columns:none;max-width:100%;margin:0 0 14px}
.cv2-order-shell .sepethosting-period-container .sepethosting-period-block{flex:0 0 152px;width:152px;max-width:152px;min-height:0}

/* === INLINE FROM order-steps-server.php : order-steps-server.php === */
/* style block #1 */
/* Renkler: css/cv2-color-system.css → .sepetsunucu-wrapper */
@keyframes sunucuStepFadeIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@keyframes sunucuStepCheckPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}
.sepetsunucu-steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 40px;position:relative;padding:0 10px;max-width:none}
.sepetsunucu-steps-container .sepetsunucu-step{flex:1 1 160px;max-width:200px;animation:sunucuStepFadeIn .5s ease both;position:relative}
.sepetsunucu-steps-container .sepetsunucu-step:nth-child(1){animation-delay:.05s}
.sepetsunucu-steps-container .sepetsunucu-step:nth-child(2){animation-delay:.12s}
.sepetsunucu-steps-container .sepetsunucu-step:nth-child(3){animation-delay:.19s}
.sepetsunucu-steps-container .sepetsunucu-step:nth-child(4){animation-delay:.26s}
.sepetsunucu-step{background:var(--header-action-gradient);border-radius: var(--cv2-radius-card, 14px);padding:20px 16px;text-align:center;border:1px solid var(--header-action-border);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}
.sepetsunucu-step::before{content:'';position:absolute;top:-2px;left:30%;right:30%;height:3px;background:rgba(var(--sepetsunucu-primary-rgb),.15);border-radius: var(--cv2-radius-input, 4px);transition:all .4s ease}
.sepetsunucu-step:hover{transform:translateY(-2px);border-color:rgba(var(--sepetsunucu-primary-rgb),.2)}
.sepetsunucu-step-number{width:40px;height:40px;border-radius: var(--cv2-radius-input, 12px);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:15px;font-weight:700;background:rgba(var(--sepetsunucu-primary-rgb),.06);color:var(--sepetsunucu-primary);border:1.5px solid rgba(var(--sepetsunucu-primary-rgb),.12);transition:all .4s cubic-bezier(.4,0,.2,1)}
.sepetsunucu-step-name{font-size:13px;font-weight:600;color:var(--sepetsunucu-title);margin-bottom:4px;transition:color .3s}
.sepetsunucu-step-description{font-size:11px;color:var(--sepetsunucu-text);line-height:1.4;opacity:.8;transition:all .3s}
.sepetsunucu-step.active{background:var(--sepetsunucu-primary-gradient);color:#ffffff;border-color:transparent;transform:translateY(-2px);box-shadow:none}
.sepetsunucu-step.active::before{height:3px;background:#ffffff;left:28%;right:28%;opacity:.9;top:-2px}
.sepetsunucu-step.active .sepetsunucu-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
.sepetsunucu-step.active .sepetsunucu-step-name{color:#ffffff}
.sepetsunucu-step.active .sepetsunucu-step-description{color:rgba(255,255,255,.8);opacity:1}
.sepetsunucu-step.completed{background:var(--sepetsunucu-card-bg);border-color:rgba(var(--sepetsunucu-primary-rgb),.10);opacity:.55;filter:grayscale(.15)}
.sepetsunucu-step.completed::before{height:3px;background:var(--sepetsunucu-primary);left:28%;right:28%;opacity:.7;top:-2px}
.sepetsunucu-step.completed .sepetsunucu-step-number{background:rgba(var(--sepetsunucu-primary-rgb),.1);border-color:rgba(var(--sepetsunucu-primary-rgb),.2);color:var(--sepetsunucu-primary);font-size:0}
.sepetsunucu-step.completed .sepetsunucu-step-number::after{content:"\2713";font-size:16px;font-weight:700;animation:sunucuStepCheckPop .4s ease both;display:flex;align-items:center;justify-content:center}
.sepetsunucu-step.completed .sepetsunucu-step-name{color:var(--sepetsunucu-text)}
.sepetsunucu-step.completed .sepetsunucu-step-description{color:var(--sepetsunucu-text);opacity:.5}
.sepetsunucu-step.completed:hover{opacity:.8;filter:none}
[data-theme="dark"] .sepetsunucu-step{background:var(--header-action-gradient);border-color:var(--header-action-border)}
[data-theme="dark"] .sepetsunucu-step::before{background:var(--sepetsunucu-border)}
[data-theme="dark"] .sepetsunucu-step.active{background:var(--sepetsunucu-primary-gradient);border-color:transparent;color:#ffffff}
[data-theme="dark"] .sepetsunucu-step.active .sepetsunucu-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetsunucu-step.active .sepetsunucu-step-name{color:#ffffff}
[data-theme="dark"] .sepetsunucu-step.active .sepetsunucu-step-description{color:rgba(255,255,255,.8)}
[data-theme="dark"] .sepetsunucu-step:not(.active):not(.completed){background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06)}
[data-theme="dark"] .sepetsunucu-step:not(.active):not(.completed) .sepetsunucu-step-number{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.25)}
[data-theme="dark"] .sepetsunucu-step:not(.active):not(.completed) .sepetsunucu-step-name{color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetsunucu-step:not(.active):not(.completed) .sepetsunucu-step-description{color:rgba(255,255,255,.2)}
[data-theme="dark"] .sepetsunucu-step:not(.active):not(.completed)::before{background:rgba(255,255,255,.04)}
[data-theme="dark"] .sepetsunucu-step.completed{background:rgba(255,255,255,.03);border-color:rgba(var(--sepetsunucu-primary-rgb),.18);opacity:.6}
[data-theme="dark"] .sepetsunucu-step.completed .sepetsunucu-step-number{background:rgba(var(--sepetsunucu-primary-rgb),.12);border-color:rgba(var(--sepetsunucu-primary-rgb),.22)}
[data-theme="dark"] .sepetsunucu-step.completed .sepetsunucu-step-name,[data-theme="dark"] .sepetsunucu-step.completed .sepetsunucu-step-description{color:rgba(255,255,255,.35)}
@media(max-width:767px){.sepetsunucu-steps-container{gap:8px;margin-top:75px}.sepetsunucu-steps-container .sepetsunucu-step{flex:0 0 calc(50% - 4px);max-width:calc(50% - 4px)}.sepetsunucu-step{padding:14px 10px}.sepetsunucu-step-number{width:34px;height:34px;font-size:13px}.sepetsunucu-step-name{font-size: var(--cv2-font-size-button, 12px)}.sepetsunucu-step-description{font-size: var(--cv2-font-size-button, 10px)}}
.sepetsunucu-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none;outline:2px solid rgba(var(--sepetsunucu-primary-rgb),.25);outline-offset:3px}
.sepetsunucu-button:hover{transform:translateY(-1px)}
.sepetsunucu-button:active{transform:translateY(0)}
.sepetsunucu-content{padding:0;box-shadow:none;position:relative;overflow:visible;margin:0 auto 16px;box-sizing:border-box}
.sepetsunucu-period-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;margin:20px auto 30px;padding:0 12px;box-sizing:border-box}
.sepetsunucu-period-container.cv2-period-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 8px}
.sepetsunucu-period-container .sepetsunucu-period-block{flex:0 0 160px;max-width:160px;width:160px}
.sepetsunucu-period-container.cv2-period-mobile-grid .sepetsunucu-period-block{flex:none;width:100%;max-width:100%;min-height:128px;height:100%}
.sepetsunucu-period-block{background:var(--sepetsunucu-card-bg);border:1px solid var(--sepetsunucu-border);border-radius: var(--cv2-radius-card, 18px);padding:20px 16px 0;text-align:center;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:185px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none;overflow:hidden;--mask-pos-y:calc(100% - 42px);-webkit-mask-image:radial-gradient(circle 7px at 0 var(--mask-pos-y),transparent 98%,black 100%),radial-gradient(circle 7px at 100% var(--mask-pos-y),transparent 98%,black 100%),linear-gradient(black,black);mask-image:radial-gradient(circle 7px at 0 var(--mask-pos-y),transparent 98%,black 100%),radial-gradient(circle 7px at 100% var(--mask-pos-y),transparent 98%,black 100%),linear-gradient(black,black);-webkit-mask-composite:destination-out;mask-composite:exclude}
.sepetsunucu-period-block:not(.active){background:var(--sepetsunucu-card-bg);border-color:var(--sepetsunucu-border)}
.sepetsunucu-period-block:hover{transform:translateY(-3px);border-color:rgba(var(--sepetsunucu-primary-rgb),.18)}
.sepetsunucu-period-block.active{background:var(--sepetsunucu-primary-gradient);border-color:transparent;box-shadow:none;color:#ffffff;transform:translateY(-3px)}
.sepetsunucu-period-block.active .sepetsunucu-period-title,.sepetsunucu-period-block.active .sepetsunucu-discount-badge,.sepetsunucu-period-block.active .sepetsunucu-period-price,.sepetsunucu-period-block.active .sepetsunucu-original-price,.sepetsunucu-period-block.active .sepetsunucu-period-setup-fee{color:#ffffff}
.sepetsunucu-period-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 14px;text-align:center}
.sepetsunucu-period-title{font-size:13px;font-weight:600;color:var(--sepetsunucu-title);margin-bottom:6px}
.sepetsunucu-discount-badge{display:inline-block;background:rgba(var(--sepetsunucu-primary-rgb),.08);color:var(--sepetsunucu-primary);font-size: var(--cv2-font-size-button, 10px);font-weight:700;padding:2px 7px;border-radius: var(--cv2-radius-btn, 10px);border:1.5px dashed rgba(var(--sepetsunucu-primary-rgb),.3);margin-bottom:6px;letter-spacing:.01em}
.sepetsunucu-period-block.active .sepetsunucu-discount-badge{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.7)}
.sepetsunucu-original-price{font-size:13px;color:var(--sepetsunucu-text);text-decoration:line-through;opacity:.6;margin-top:2px;display:block}
.sepetsunucu-period-price{font-size:22px;font-weight:700;color:var(--sepetsunucu-title);display:block;letter-spacing:-.02em;line-height:1.2}
.sepetsunucu-period-setup-fee{font-size:11px;color:var(--sepetsunucu-text);margin-top:6px;opacity:.7;font-weight:500}
.sepetsunucu-period-footer{border-top:1px dashed rgba(var(--sepetsunucu-primary-rgb),.12);padding:10px;margin-top:auto}
.sepetsunucu-select-indicator{width:24px;height:24px;border-radius:50%;border:2px solid var(--sepetsunucu-border);display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .25s cubic-bezier(.4,0,.2,1);color:transparent;font-size:12px;background:transparent}
.sepetsunucu-period-block.active .sepetsunucu-select-indicator{background:transparent;border-color:transparent;color:#ffffff;transform:scale(1.08);box-shadow:none}
.sepetsunucu-period-block.active .sepetsunucu-select-indicator i{color:#ffffff;font-weight:700;font-size:12px;animation:sunucuStepCheckPop .3s ease both}
.sepetsunucu-discount-ribbon{position:absolute;top:12px;right:-30px;padding:5px 30px;background:var(--sepetsunucu-primary);color:white;font-size:12px;transform:rotate(45deg);box-shadow: none;font-weight:600;z-index:1}
[data-theme="dark"] .sepetsunucu-period-footer{border-top-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .sepetsunucu-select-indicator{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.sepetsunucu-config-container{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start;max-width:var(--CoreV2-container-width);margin:0 auto}
@media(max-width:1024px){.sepetsunucu-config-container{grid-template-columns:1fr 340px;gap:20px}}
@media(max-width:768px){.sepetsunucu-config-container{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:540px){.sepetsunucu-config-container{grid-template-columns:1fr}}
.sepetsunucu-config-card{background:var(--sepetsunucu-card-bg);border:1px solid var(--sepetsunucu-border);border-radius: var(--cv2-radius-card, 16px);margin-bottom:16px}
@media(max-width:640px){.sepetsunucu-config-card{margin-left:12px;margin-right:12px}}
.sepetsunucu-config-card-header{padding:14px 20px;border-bottom:1px solid var(--sepetsunucu-border);display:flex;align-items:center;gap:10px}
.sepetsunucu-config-card-header-icon{width:32px;height:32px;border-radius: var(--cv2-radius-input, 10px);background:linear-gradient(135deg,rgba(var(--sepetsunucu-primary-rgb),.15),rgba(var(--sepetsunucu-primary-rgb),.05));display:flex;align-items:center;justify-content:center;color:var(--sepetsunucu-primary);flex-shrink:0}
.sepetsunucu-config-card-header h3{margin:0;font-size:15px;font-weight:600;color:var(--sepetsunucu-title)}
@keyframes waveIcon{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-8deg)}75%{transform:translateY(2px) rotate(6deg)}}
.sepetsunucu-form-label-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--sepetsunucu-primary);margin-right:6px;font-size:15px;animation:waveIcon 2.4s ease-in-out infinite;transform-origin:center bottom}
.sepetsunucu-config-card-content{padding:16px 20px}
.sepetsunucu-form-group{margin-bottom:14px;background:var(--sepetsunucu-card-bg);border:1px solid var(--sepetsunucu-border);border-radius: var(--cv2-radius-card, 16px);padding:18px 20px;width:100%;box-sizing:border-box;position:relative;z-index:1}
.sepetsunucu-form-group:has(.cs-open){z-index:100}
.sepetsunucu-form-label{display:block;margin-bottom:10px;font-weight:600;color:var(--sepetsunucu-title)}
.sepetsunucu-form-description{font-size:12px;color:var(--sepetsunucu-text);font-weight:400;margin-top:4px}
.sepetsunucu-required{color:var(--sepetsunucu-danger);margin-right:4px}
.sepetsunucu-form-input,.sepetsunucu-form-textarea{width:100%;padding:12px 16px;border-radius: var(--cv2-radius-input, 12px);border:1.5px solid var(--sepetsunucu-border);background:var(--sepetsunucu-card-bg);color:var(--sepetsunucu-title);font-size:14px;transition:all .2s ease;box-sizing:border-box;outline:none}
.sepetsunucu-form-input:focus,.sepetsunucu-form-textarea:focus{border-color:var(--sepetsunucu-primary);box-shadow:0 0 0 3px rgba(var(--sepetsunucu-primary-rgb),.1)}
.sepetsunucu-form-textarea{min-height:100px;resize:vertical}
.sepetsunucu-form-select{display:none}
.sepetsunucu-radio-group,.sepetsunucu-checkbox-group{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}
.sepetsunucu-radio-label:not(:has(img)),.sepetsunucu-checkbox-label:not(:has(img)){display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 10px));border:1.5px solid var(--sepetsunucu-border);background:var(--sepetsunucu-card-bg);cursor:pointer;font-size: var(--cv2-font-size-button, 13px);font-weight:500;color:var(--sepetsunucu-title);transition:all .2s ease;user-select:none}
.sepetsunucu-radio-label:not(:has(img)):hover,.sepetsunucu-checkbox-label:not(:has(img)):hover{border-color:rgba(var(--sepetsunucu-primary-rgb),.3)}
.sepetsunucu-radio-custom,.sepetsunucu-checkbox-custom{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;flex-shrink:0;position:relative;cursor:pointer;border:2px solid var(--sepetsunucu-border);background:rgba(0,0,0,.02);transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}
.sepetsunucu-radio-custom{border-radius:50%}
.sepetsunucu-checkbox-custom{border-radius: var(--cv2-radius-input, 5px)}
.sepetsunucu-radio-custom:hover,.sepetsunucu-checkbox-custom:hover{border-color:rgba(var(--sepetsunucu-primary-rgb),.35)}
.sepetsunucu-radio-custom:checked{background:var(--sepetsunucu-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:10px;border-color:var(--sepetsunucu-primary);box-shadow:0 2px 6px rgba(var(--sepetsunucu-primary-rgb),.25)}
.sepetsunucu-checkbox-custom:checked{background:var(--sepetsunucu-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:11px;border-color:var(--sepetsunucu-primary);box-shadow:0 2px 6px rgba(var(--sepetsunucu-primary-rgb),.25)}
[data-theme="dark"] .sepetsunucu-radio-custom,[data-theme="dark"] .sepetsunucu-checkbox-custom{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}
[data-theme="dark"] .sepetsunucu-radio-custom:hover,[data-theme="dark"] .sepetsunucu-checkbox-custom:hover{border-color:rgba(var(--sepetsunucu-primary-rgb),.4)}
[data-theme="dark"] .sepetsunucu-radio-custom:checked{background:var(--sepetsunucu-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:10px;border-color:var(--sepetsunucu-primary);box-shadow:0 2px 6px rgba(var(--sepetsunucu-primary-rgb),.25)}
[data-theme="dark"] .sepetsunucu-checkbox-custom:checked{background:var(--sepetsunucu-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:11px;border-color:var(--sepetsunucu-primary)}
.sepetsunucu-radio-label::before,.sepetsunucu-radio-label::after,.sepetsunucu-checkbox-label::before,.sepetsunucu-checkbox-label::after{display:none}
.sepetsunucu-radio-label:not(:has(img)):has(input:checked),.sepetsunucu-checkbox-label:not(:has(img)):has(input:checked){border:1.5px dashed rgba(var(--sepetsunucu-primary-rgb),.4);background:rgba(var(--sepetsunucu-primary-rgb),.06)}
.sepetsunucu-form-element{position:relative;z-index:1}
.sepetsunucu-range-slider{margin-top:10px;padding:4px 0}
.sepetsunucu-range-slider input[type=range]{width:100%;accent-color:var(--sepetsunucu-primary)}
.sepetsunucu-password-container{position:relative}
.sepetsunucu-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--sepetsunucu-text);padding:4px}
.sepetsunucu-file-upload{position:relative}
.sepetsunucu-form-file{width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}
.sepetsunucu-file-label{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius: var(--cv2-radius-input, 12px);border:1.5px dashed var(--sepetsunucu-border);cursor:pointer;color:var(--sepetsunucu-text);font-size:14px;transition:all .2s ease}
.sepetsunucu-file-label:hover,.sepetsunucu-file-label.has-files{border-color:var(--sepetsunucu-primary);color:var(--sepetsunucu-primary)}
.sepetsunucu-file-selected{margin-top:8px;font-size:13px;color:var(--sepetsunucu-primary)}
.sepetsunucu-config-right{position:sticky;top:24px}
@media(max-width:768px){.sepetsunucu-config-right{position:static;grid-column:1/-1}}
.sepetsunucu-summary-card{background:var(--sepetsunucu-card-bg);border:1px solid var(--sepetsunucu-border);border-radius: var(--cv2-radius-card, 24px);margin-bottom:16px;position:relative;overflow:hidden;--ticket-y:calc(100% - 90px);-webkit-mask-image:radial-gradient(circle 12px at 0 var(--ticket-y),transparent 98%,black 100%),radial-gradient(circle 12px at 100% var(--ticket-y),transparent 98%,black 100%),linear-gradient(black,black);mask-image:radial-gradient(circle 12px at 0 var(--ticket-y),transparent 98%,black 100%),radial-gradient(circle 12px at 100% var(--ticket-y),transparent 98%,black 100%),linear-gradient(black,black);-webkit-mask-composite:destination-out;mask-composite:exclude}
.sepetsunucu-summary-header{padding:20px 24px 16px;background:linear-gradient(135deg,rgba(var(--sepetsunucu-primary-rgb),.08) 0%,transparent 100%);border-bottom:1px solid var(--header-action-border)}
.sepetsunucu-summary-header-inner{display:flex;align-items:center;gap:12px}
.sepetsunucu-summary-header-icon{width:40px;height:40px;border-radius: var(--cv2-radius-input, 12px);background:var(--sepetsunucu-primary-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffff}
.sepetsunucu-summary-header h3{margin:0;font-size:16px;font-weight:700;color:var(--sepetsunucu-title)}
.sepetsunucu-summary-header p{margin:2px 0 0;font-size:12px;color:var(--sepetsunucu-text);opacity:.7}
.sepetsunucu-summary-content{padding:16px 24px 14px}
.sepetsunucu-summary-item{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;background:rgba(var(--sepetsunucu-primary-rgb),.04);border-radius: var(--cv2-radius-input, 12px);padding:12px 14px;border:1px solid rgba(var(--sepetsunucu-primary-rgb),.06)}
.sepetsunucu-summary-item-icon{width:32px;height:32px;border-radius: var(--cv2-radius-input, 8px);background:rgba(var(--sepetsunucu-primary-rgb),.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sepetsunucu-primary)}
.sepetsunucu-summary-item-info{flex:1;min-width:0}
.sepetsunucu-summary-item-name{font-size:13px;font-weight:600;color:var(--sepetsunucu-title)}
.sepetsunucu-summary-item-category{font-size:11px;color:var(--sepetsunucu-text);margin-top:2px;opacity:.7}
.sepetsunucu-summary-item-price{font-size:15px;font-weight:700;color:var(--sepetsunucu-primary);white-space:nowrap;align-self:center}
.sepetsunucu-summary-line{height:1px;border:none;border-top:1px dashed rgba(var(--sepetsunucu-primary-rgb),.15);margin:10px 0}
.sepetsunucu-summary-total{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;color:var(--sepetsunucu-title)}
.sepetsunucu-summary-total-label{display:flex;align-items:center;gap:8px}
.sepetsunucu-summary-addon{display:flex;justify-content:space-between;padding:5px 0;font-size:12px}
.sepetsunucu-summary-addon-name{color:var(--sepetsunucu-text);display:flex;align-items:center;gap:6px}
.sepetsunucu-summary-addon-price{font-weight:600;color:var(--sepetsunucu-title)}
.sepetsunucu-summary-footer{padding:18px 24px 22px;border-top:1px dashed rgba(var(--sepetsunucu-primary-rgb),.15)}
[data-theme="dark"] .sepetsunucu-summary-addon{background:transparent}
.sepetsunucu-center{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:0;gap:10px;padding:0}
.sepetsunucu-button,.sepetsunucu-center button{background:var(--sepetsunucu-primary-gradient);color:#ffffff;border:1px solid rgba(0,0,0,.04);padding:13px 40px;font-size: var(--cv2-font-size-button, 15px);font-weight:600;border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 12px));cursor:pointer;transition:all .3s ease;box-shadow:none;text-transform:none;letter-spacing:.2px;position:relative;overflow:hidden;width:auto;min-width:280px;display:inline-flex;margin:0;outline:2px solid rgba(var(--sepetsunucu-primary-rgb),.2);outline-offset:3px}
.sepetsunucu-summary-footer .sepetsunucu-button,.sepetsunucu-summary-footer .mio-ajax-submit{width:100%;min-width:unset;padding:13px 20px;box-sizing:border-box}
.sepetsunucu-button:hover,.sepetsunucu-center button:hover,.sepetsunucu-config-right>.mio-ajax-submit:hover{transform:translateY(-2px);box-shadow:none}
.sepetsunucu-error{color:var(--sepetsunucu-danger);background:var(--sepetsunucu-danger-bg);border-radius: var(--cv2-radius-input, 10px);padding:10px 14px;font-size:13px;font-weight:500;margin-top:8px}
.sepetsunucu-success-message{display:flex;align-items:center;gap:8px;color:var(--cv2-success);font-weight:600;font-size:14px;padding:10px 0}
.sepetsunucu-success{color:var(--cv2-success);margin-top:15px;padding:12px 16px 12px 20px;background-color:rgba(var(--cv2-primary-rgb),.08);border-radius: var(--cv2-radius-input, 8px);display:none;position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:fadeIn .3s ease}.sepetsunucu-success::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--cv2-success);border-radius:0 2px 2px 0}
.sepetsunucu-error-input{border-color:var(--sepetsunucu-danger);box-shadow: none;important}
.sepetsunucu-out-of-stock{text-align:center;padding:40px 20px;color:var(--sepetsunucu-text)}
.sepetsunucu-shimmer{display:inline-block;width:72px;max-width:72px;height:18px;border-radius: var(--cv2-radius-input, 4px);background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.sepetsunucu-custom-select{position:relative;width:100%;max-width:100%;font-size:14px;font-weight:500;user-select:none;z-index:10}
.sepetsunucu-custom-select.cs-open{z-index:1000}
.sepetsunucu-custom-select .cs-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:var(--header-action-gradient);border:1px solid var(--header-action-border);border-radius: var(--cv2-radius-btn, 10px);cursor:pointer;transition:all .25s ease;color:var(--sepetsunucu-title);min-height:48px}
.sepetsunucu-custom-select .cs-trigger:hover{border-color:rgba(var(--sepetsunucu-primary-rgb),.2);transform:translateY(-1px)}
.sepetsunucu-custom-select.cs-open .cs-trigger{border-color:rgba(var(--sepetsunucu-primary-rgb),.2);border-radius:20px 20px 0 0}
.sepetsunucu-custom-select .cs-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}
.sepetsunucu-custom-select .cs-trigger .cs-arrow{width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(var(--sepetsunucu-primary-rgb),.1);transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;color:var(--sepetsunucu-primary)}
.sepetsunucu-custom-select.cs-open .cs-trigger .cs-arrow{transform:rotate(180deg);background:var(--sepetsunucu-primary);color:#ffffff}
.sepetsunucu-custom-select .cs-options{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.97);border:1px solid rgba(var(--sepetsunucu-primary-rgb),.15);border-top:none;border-radius:0 0 24px 24px;z-index:1001;padding:8px 8px 12px;max-height:286px;overflow-y:auto;overflow-x:hidden;box-shadow:0 16px 40px rgba(0,0,0,.12)}
[data-theme="dark"] .sepetsunucu-custom-select .cs-options{background:rgba(var(--cv2-primary-rgb),.97);border-color:rgba(255,255,255,.08);box-shadow: none;important}
.sepetsunucu-custom-select .cs-options::-webkit-scrollbar{width:5px}
.sepetsunucu-custom-select .cs-options::-webkit-scrollbar-track{background:transparent}
.sepetsunucu-custom-select .cs-options::-webkit-scrollbar-thumb{background:rgba(var(--sepetsunucu-primary-rgb),.15);border-radius: var(--cv2-radius-input, 6px)}
.sepetsunucu-custom-select.cs-open .cs-options{display:block;animation:sunucuCsSlideDown .2s cubic-bezier(.4,0,.2,1)}
@keyframes sunucuCsSlideDown{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}
.sepetsunucu-custom-select .cs-option{padding:11px 16px;cursor:pointer;transition:all .18s ease;color:var(--sepetsunucu-title);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;border-radius: var(--cv2-radius-btn, 10px);margin-bottom:3px;position:relative;border:1px solid transparent;white-space:normal;word-break:break-word}
.sepetsunucu-custom-select .cs-option:hover{background:rgba(var(--sepetsunucu-primary-rgb),.08);border-color:rgba(var(--sepetsunucu-primary-rgb),.1);color:var(--sepetsunucu-primary)}
.sepetsunucu-custom-select .cs-option.cs-selected{background:rgba(var(--sepetsunucu-primary-rgb),.12);border-color:rgba(var(--sepetsunucu-primary-rgb),.15);color:var(--sepetsunucu-primary);font-weight:600}
.sepetsunucu-custom-select .cs-option.cs-selected::before{content:'';width:20px;height:20px;border-radius:50%;background:var(--sepetsunucu-primary);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px}
.sepetsunucu-custom-select .cs-option:not(.cs-selected)::before{content:'';width:20px;height:20px;border-radius:50%;border:2px solid rgba(var(--sepetsunucu-primary-rgb),.15);flex-shrink:0;box-sizing:border-box}
.sepetsunucu-custom-select .cs-placeholder{color:var(--sepetsunucu-text);opacity:.5;font-weight:400}
@media(max-width:767px){
    .sepetsunucu-steps-container{gap:8px}
    .sepetsunucu-steps-container .sepetsunucu-step{flex:1 1 120px;max-width:160px}
    .sepetsunucu-period-container{gap:10px}
    .sepetsunucu-period-block{flex:1 1 120px;max-width:160px}
    .sepetsunucu-custom-select .cs-trigger{padding:12px 18px;min-height:46px}
}

/* === INLINE FROM order-steps-domain.php : order-steps-domain.php === */
/* style block #1 */
.genelbaslik {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
}
.sepetdomain-wrapper{
  max-width: var(--CoreV2-container-width, 1300px);
  margin: 0 auto;
  padding: 20px 24px 40px;
  background: rgba(var(--CoreV2-primary-rgb,101,163,13),.025);
  border-radius: var(--cv2-radius-card, 20px);
}
[data-theme="dark"] .sepetdomain-wrapper {
  background: rgba(var(--CoreV2-primary-rgb,101,163,13),.04);
}
@media(max-width:768px){
  .sepetdomain-wrapper { border-radius: var(--cv2-radius-card, 14px); padding:14px 12px 28px; margin:0 8px; }
}
@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@keyframes stepCheckPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}
@keyframes stepPulseRing{0%{box-shadow:0 0 0 0 rgba(var(--sepetdomain-primary-rgb),.35)}70%{box-shadow:0 0 0 10px rgba(var(--sepetdomain-primary-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--sepetdomain-primary-rgb),0)}}
@keyframes stepShine{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes stepSuccessEntrance{0%{opacity:0;transform:scale(.9) translateY(20px)}60%{transform:scale(1.02) translateY(-4px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.sepetdomain-steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 40px;position:relative;padding:0 10px;max-width:none}
.sepetdomain-steps-container .sepetdomain-step{flex:1 1 160px;max-width:200px;animation:stepFadeIn .5s ease both;position:relative}
.sepetdomain-steps-container .sepetdomain-step:nth-child(1){animation-delay:.05s}
.sepetdomain-steps-container .sepetdomain-step:nth-child(2){animation-delay:.12s}
.sepetdomain-steps-container .sepetdomain-step:nth-child(3){animation-delay:.19s}
.sepetdomain-steps-container .sepetdomain-step:nth-child(4){animation-delay:.26s}
.sepetdomain-steps-container .sepetdomain-step:nth-child(5){animation-delay:.33s}
.sepetdomain-step{background:var(--header-action-gradient);border-radius: var(--cv2-radius-card, 14px);padding:20px 16px;text-align:center;border:1px solid var(--header-action-border);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}
.sepetdomain-step::before{content:'';position:absolute;top:-2px;left:30%;right:30%;height:3px;background:rgba(var(--sepetdomain-primary-rgb),.15);border-radius: var(--cv2-radius-input, 4px);transition:all .4s ease}
.sepetdomain-step:hover{transform:translateY(-2px);border-color:rgba(var(--sepetdomain-primary-rgb),.2)}
.sepetdomain-step-number{width:40px;height:40px;border-radius: var(--cv2-radius-input, 12px);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:15px;font-weight:700;background:rgba(var(--sepetdomain-primary-rgb),.06);color:var(--sepetdomain-primary);border:1.5px solid rgba(var(--sepetdomain-primary-rgb),.12);transition:all .4s cubic-bezier(.4,0,.2,1)}
.sepetdomain-step-name{font-size:13px;font-weight:600;color:var(--sepetdomain-title);margin-bottom:4px;transition:color .3s}
.sepetdomain-step-description{font-size:11px;color:var(--sepetdomain-text);line-height:1.4;opacity:.8;transition:all .3s}
.sepetdomain-step{transition:background .3s ease,border-color .3s ease,color .3s ease}
.sepetdomain-step.active{background:var(--sepetdomain-primary-gradient);color:#ffffff;border-color:transparent;transform:translateY(-2px);box-shadow:none}
.sepetdomain-step.active::before{height:3px;background:#ffffff;left:28%;right:28%;opacity:.9;top:-2px}
.sepetdomain-step.active .sepetdomain-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
.sepetdomain-step.active .sepetdomain-step-name{color:#ffffff}
.sepetdomain-step.active .sepetdomain-step-description{color:rgba(255,255,255,.8);opacity:1}
.sepetdomain-step.completed{background:var(--sepetdomain-card-bg);border-color:rgba(var(--sepetdomain-primary-rgb),.10);opacity:.55;filter:grayscale(.15)}
.sepetdomain-step.completed::before{height:3px;background:var(--sepetdomain-primary);left:28%;right:28%;opacity:.7;top:-2px}
.sepetdomain-step.completed .sepetdomain-step-number{background:rgba(var(--sepetdomain-primary-rgb),.1);border-color:rgba(var(--sepetdomain-primary-rgb),.2);color:var(--sepetdomain-primary);font-size:0}
.sepetdomain-step.completed .sepetdomain-step-number::after{content:'\2713';font-size:16px;font-weight:700;animation:stepCheckPop .4s ease both;display:flex;align-items:center;justify-content:center}
.sepetdomain-step.completed .sepetdomain-step-name{color:var(--sepetdomain-text)}
.sepetdomain-step.completed .sepetdomain-step-description{color:var(--sepetdomain-text);opacity:.5}
.sepetdomain-step.completed:hover{opacity:.8;filter:none}
.sepetdomain-step:not(.active):not(.completed){opacity:1;filter:grayscale(1);background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
.sepetdomain-step:not(.active):not(.completed):hover{filter:grayscale(.5);border-color:rgba(0,0,0,.1)}
.sepetdomain-step:not(.active):not(.completed) .sepetdomain-step-number{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.3)}
.sepetdomain-step:not(.active):not(.completed) .sepetdomain-step-name{color:rgba(0,0,0,.35)}
.sepetdomain-step:not(.active):not(.completed) .sepetdomain-step-description{color:rgba(0,0,0,.25)}
.sepetdomain-step:not(.active):not(.completed)::before{background:rgba(0,0,0,.06)}
[data-theme="dark"] .sepetdomain-step{background:var(--header-action-gradient);border-color:var(--header-action-border)}
[data-theme="dark"] .sepetdomain-step::before{background:var(--sepetdomain-border)}
[data-theme="dark"] .sepetdomain-step.active{background:var(--sepetdomain-primary-gradient);border-color:transparent;color:#ffffff}
[data-theme="dark"] .sepetdomain-step.active .sepetdomain-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetdomain-step.active .sepetdomain-step-name{color:#ffffff}
[data-theme="dark"] .sepetdomain-step.active .sepetdomain-step-description{color:rgba(255,255,255,.8)}
[data-theme="dark"] .sepetdomain-step.completed{background:rgba(255,255,255,.03);border-color:rgba(var(--sepetdomain-primary-rgb),.18);opacity:.6}
[data-theme="dark"] .sepetdomain-step.completed .sepetdomain-step-number{background:rgba(var(--sepetdomain-primary-rgb),.12);border-color:rgba(var(--sepetdomain-primary-rgb),.22)}
[data-theme="dark"] .sepetdomain-step.completed .sepetdomain-step-name,[data-theme="dark"] .sepetdomain-step.completed .sepetdomain-step-description{color:rgba(255,255,255,.35)}
[data-theme="dark"] .sepetdomain-step:not(.active):not(.completed){background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06)}
[data-theme="dark"] .sepetdomain-step:not(.active):not(.completed) .sepetdomain-step-number{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.25)}
[data-theme="dark"] .sepetdomain-step:not(.active):not(.completed) .sepetdomain-step-name{color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetdomain-step:not(.active):not(.completed) .sepetdomain-step-description{color:rgba(255,255,255,.2)}
[data-theme="dark"] .sepetdomain-step:not(.active):not(.completed)::before{background:rgba(255,255,255,.04)}
@media(max-width:767px){.sepetdomain-steps-container{gap:8px;margin-top:75px}.sepetdomain-steps-container .sepetdomain-step{flex:0 0 calc(50% - 4px);max-width:calc(50% - 4px)}.sepetdomain-step{padding:14px 10px}.sepetdomain-step-number{width:34px;height:34px;font-size:13px}.sepetdomain-step-name{font-size:12px}.sepetdomain-step-description{font-size:10px}}
@media(min-width:768px){.sepetdomain-steps-container .sepetdomain-step{flex:1 1 170px;max-width:200px}.sepetdomain-steps-container{gap:14px}}
.sepetdomain-content{animation:stepFadeIn .45s ease .15s both}
.sepetdomain-section-title {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}
.sepetdomain-section-title h1 {
    font-size: 28px;
    color: var(--sepetdomain-title);
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    font-weight: 700;
}
.sepetdomain-section-title h1::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 60px;
    height: 4px;
    background: var(--sepetdomain-primary);
    transform: translateX(-50%);
    border-radius: var(--cv2-radius-input, 3px);
}
.sepetdomain-section-title h2 {
    font-size: 16px;
    color: var(--sepetdomain-text);
    font-weight: normal;
    max-width: 80%;
    margin: 20px auto 0;
    line-height: 1.6;
}
.sepetdomain-content {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    margin: 0 auto 16px;
    box-sizing: border-box;
}
.sepetdomain-period-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    max-width: 720px;
    margin: 20px auto 30px;
    padding: 0 10px;
    box-sizing: border-box;
}
.sepetdomain-period-container .sepetdomain-period-block {
    flex: 0 0 160px;
    max-width: 160px;
    width: 160px;
}
@media (max-width: 640px) {
    .sepetdomain-period-container {
        gap: 10px;
        padding: 0 6px;
        margin: 16px auto 20px;
    }
    .sepetdomain-period-container .sepetdomain-period-block {
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px);
        width: auto;
    }
    .sepetdomain-period-block {
        padding: 14px 10px;
        min-height: 140px;
    }
}
.sepetdomain-period-block:not(.active) {
    background: var(--header-action-gradient);
    border-color: var(--header-action-border);
}
/* Dönem kartları: order-steps-unified.css (hosting referans tile) */
.sepetdomain-period-block.active .sepetdomain-period-title,
.sepetdomain-period-block.active .sepetdomain-discount-badge,
.sepetdomain-period-block.active .sepetdomain-period-price,
.sepetdomain-period-block.active .sepetdomain-original-price,
.sepetdomain-period-block.active .sepetdomain-period-setup-fee {
    color: white;
}
.sepetdomain-period-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 20px 0;
    text-align: center;
}
.sepetdomain-period-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--sepetdomain-title);
    margin-bottom: 8px;
    letter-spacing: 0;
}
.sepetdomain-discount-badge {
    display: inline-block;
    background: rgba(var(--sepetdomain-primary-rgb), 0.1);
    color: var(--sepetdomain-primary);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    margin-bottom: 8px;
    margin-top: -3px;
    letter-spacing: 0px;
    text-transform: uppercase;
    border-radius: var(--cv2-radius-input, 5px);
    border: 1px dashed var(--sepetdomain-primary);
    max-width: fit-content;
    white-space: nowrap;
    text-align: center;
}
.sepetdomain-period-block.active .sepetdomain-discount-badge {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px dashed rgba(255,255,255,.7);
}
.sepetdomain-original-price {
    font-size: 15px;
    font-weight: 500;
    color: var(--sepetdomain-text);
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    opacity: 0.6;
    margin-bottom: 6px;
    display: block;
}
.sepetdomain-period-price {
    font-size: 24px;
    font-weight: 700;
    color: var(--sepetdomain-title);
    margin-bottom: 0;
    display: block;
    letter-spacing: -0.02em;
    line-height: 1.2;
}
.sepetdomain-period-setup-fee {
    font-size: 14px;
    color: var(--sepetdomain-text);
    margin-top: 12px;
    margin-bottom: 20px;
    opacity: 0.75;
    font-weight: 500;
    min-height: 20px;
}
.sepetdomain-period-footer {
    border-top: 1px dashed rgba(0,0,0,0.1);
    padding: 16px 0;
    margin-top: auto;
}
.sepetdomain-select-indicator {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    font-size: 11px;
    background: rgba(0,0,0,.03);
    transition: all .25s cubic-bezier(.4,0,.2,1);
    border: 2px solid var(--sepetdomain-border);
}
.sepetdomain-period-block.active .sepetdomain-select-indicator {
    background: var(--sepetdomain-primary-gradient,var(--sepetdomain-primary));
    border-color: transparent;
    color: #ffffff;
    transform: scale(1.08);
}
.sepetdomain-period-block.active .sepetdomain-select-indicator i {
    color: #ffffff;
    font-weight: 700;
}
.sepetdomain-discount-ribbon {
    position: absolute;
    top: 12px;
    right: -30px;
    padding: 5px 30px;
    background: var(--sepetdomain-primary);
    color: white;
    font-size: 12px;
    transform: rotate(45deg);
    font-weight: 600;
    z-index: 1;
}
.sepetdomain-domain-container {
    margin-bottom: 30px;
}
/* ==========================================
   ACCORDION — urunpaketleri-card stili birebir
   ========================================== */
.sepetdomain-accordion { margin:0 auto; }
.sepetdomain-accordion-item { border-radius: var(--cv2-radius-card, 20px); border:1.5px dashed rgba(var(--sepetdomain-primary-rgb),.25); background:var(--sepetdomain-card-bg); transition:border-color .2s; margin-bottom:20px; }
.sepetdomain-accordion-item:hover { border-color:rgba(var(--sepetdomain-primary-rgb),.45); }
.sepetdomain-accordion-header {
    padding:16px 20px;
    margin:15px 15px 5px;
    border-radius: var(--cv2-radius-card, 20px);
    background: linear-gradient(130deg,
        rgba(var(--sepetdomain-primary-rgb), 0.06) -10%,
        var(--sepetdomain-card-bg) 50%,
        rgba(var(--sepetdomain-primary-rgb), 0.08) 110%);
    border:1px dashed rgba(var(--sepetdomain-primary-rgb),.15);
    display:flex;
    align-items:center;
    gap:16px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}
.sepetdomain-accordion-header::after {
    content:'';
    position:absolute;
    right:-24px; top:-24px;
    width:120px; height:120px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(var(--sepetdomain-primary-rgb),.08) 0%,transparent 70%);
    pointer-events:none;
}
.sepetdomain-accordion-header .header-icon {
    width:52px; height:52px;
    border-radius:50%;
    background:linear-gradient(135deg,rgba(var(--sepetdomain-primary-rgb),.14),rgba(var(--sepetdomain-primary-rgb),.06));
    border:1.5px solid rgba(var(--sepetdomain-primary-rgb),.22);
    display:flex; align-items:center; justify-content:center;
    color:var(--sepetdomain-primary);
    flex-shrink:0;
    font-size:1.4rem;
}
.sepetdomain-accordion-header .header-text { display:flex; flex-direction:column; gap:2px; flex:1; }
.sepetdomain-accordion-header .header-title { font-size:1.1rem; font-weight:700; letter-spacing:-0.3px; color:var(--sepetdomain-title); }
.sepetdomain-accordion-header .header-subtitle { font-size:0.8rem; color:var(--sepetdomain-text); }
.sepetdomain-accordion-header .toggle-icon {
    width:32px; height:32px;
    background:rgba(var(--sepetdomain-primary-rgb),.08);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:var(--sepetdomain-primary);
    transition:transform .3s ease;
    flex-shrink:0;
    margin-left:auto;
}
.sepetdomain-accordion-icon { transition:transform .3s ease; font-size:18px; color:var(--sepetdomain-text); }
.sepetdomain-accordion-header.active {
    margin:15px 15px 0 15px;
    border-radius:20px 20px 0 0;
    border-bottom-style:none;
    border-bottom-width:0;
}
.sepetdomain-accordion-header.active .toggle-icon { transform:rotate(180deg); }
.sepetdomain-accordion-header.active .sepetdomain-accordion-icon { transform:rotate(180deg); color:var(--sepetdomain-primary); }
.sepetdomain-accordion-content {
    padding:20px;
    margin:0 15px 15px 15px;
    border-radius:0 0 20px 20px;
    background:radial-gradient(circle at bottom right,rgba(var(--sepetdomain-primary-rgb),.08),transparent 70%),var(--sepetdomain-card-bg);
    border-left:1px dashed rgba(var(--sepetdomain-primary-rgb),.15);
    border-right:1px dashed rgba(var(--sepetdomain-primary-rgb),.15);
    border-bottom:1px dashed rgba(var(--sepetdomain-primary-rgb),.15);
    border-top:0 none;
    display:none;
    animation:slideDown .3s ease;
    box-sizing:border-box;
}
@keyframes slideDown { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)} }
[data-theme="dark"] .sepetdomain-accordion-item { background:#1e293b; border-color:rgba(255,255,255,.12); }
[data-theme="dark"] .sepetdomain-accordion-item:hover { border-color:rgba(var(--sepetdomain-primary-rgb),.4); }
[data-theme="dark"] .sepetdomain-accordion-header {
    background:linear-gradient(130deg,rgba(var(--sepetdomain-primary-rgb),.12) -10%,#1e293b 50%,rgba(var(--sepetdomain-primary-rgb),.14) 110%);
    border-color:rgba(255,255,255,.10);
}
[data-theme="dark"] .sepetdomain-accordion-header::after { background:radial-gradient(circle,rgba(var(--sepetdomain-primary-rgb),.16) 0%,transparent 70%); }
[data-theme="dark"] .sepetdomain-accordion-header .header-icon {
    background:linear-gradient(135deg,rgba(var(--sepetdomain-primary-rgb),.22),rgba(var(--sepetdomain-primary-rgb),.1));
    border-color:rgba(var(--sepetdomain-primary-rgb),.32);
}
[data-theme="dark"] .sepetdomain-accordion-content {
    background:radial-gradient(circle at bottom right,rgba(var(--sepetdomain-primary-rgb),.12),transparent 70%),#1e293b;
    border-color:rgba(255,255,255,.10);
}
[data-theme="dark"] .sepetdomain-form-group {
    background:linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 100%);
    border-color:rgba(255,255,255,.08);
}
[data-theme="dark"] .sepetdomain-form-label { color:#e2e8f0; }
[data-theme="dark"] .sepetdomain-center button,
[data-theme="dark"] .sepetdomain-center .btn { box-shadow: none; }
/* ==========================================
   NS GRID - 2x2 LAYOUT
   ========================================== */
.sepetdomain-ns-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 25px 0;
}
@media (max-width: 576px) {
    .sepetdomain-ns-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.sepetdomain-ns-grid .sepetdomain-form-input {
    padding: 16px 20px;
    border-radius: var(--cv2-radius-input, 12px);
    border: 2px solid var(--sepetdomain-border);
    background: var(--sepetdomain-card-bg);
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.sepetdomain-ns-grid .sepetdomain-form-input:focus {
    border-color: var(--sepetdomain-primary);
    outline: none;
}
.sepetdomain-ns-grid .sepetdomain-form-input::placeholder {
    color: var(--sepetdomain-text);
    opacity: 0.6;
}
.sepetdomain-accordion-content p {
    color: var(--sepetdomain-primary);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
    font-weight: 500;
}
.sepetdomain-accordion-content p + p {
    color: var(--sepetdomain-text);
    font-size: 13px;
    margin-bottom: 20px;
}
.sepetdomain-form-group {
    background:var(--header-action-gradient);
    border:1px solid var(--header-action-border);
    border-radius: var(--cv2-radius-card, 16px);
    padding:18px 20px;
    margin-bottom:14px;
}
.sepetdomain-center {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-top:15px;
    gap:15px;
}
.sepetdomain-domain-search {
    display: flex;
    align-items: center;
    margin: 15px auto 15px;
    max-width: 700px;
    border-radius: var(--cv2-radius-card, 14px);
    border: 1px solid var(--sepetdomain-border);
    background-color: var(--sepetdomain-card-bg);
    transition: all 0.2s ease;
    height: 85px;
    overflow: hidden;
}
.sepetdomain-domain-search .domain-icon {
    flex-shrink: 0;
    width: 60px;
    height: calc(100% - 16px);
    margin: 8px 0 8px 8px;
    border-right: 1px solid var(--sepetdomain-border);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: var(--sepetdomain-primary);
    background: transparent;
}
.sepetdomain-domain-input {
    flex: 1;
    padding: 0 20px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    font-size: 16px;
    font-weight: 500;
    background-color: transparent;
    color: var(--sepetdomain-title);
    outline: none;
    height: 100%;
    min-width: 0;
}
.sepetdomain-domain-input:focus,
.sepetdomain-domain-input:active,
.sepetdomain-domain-input:focus-visible {
    border: 1px solid rgba(0, 0, 0, 0.04);
    outline: none;
    background-color: transparent;
}
.sepetdomain-domain-input::placeholder {
    color: var(--sepetdomain-text);
    opacity: 0.7;
}
.sepetdomain-domain-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 28px;
    background: linear-gradient(to right, var(--sepetdomain-primary), color-mix(in srgb, var(--sepetdomain-primary) 70%, #ffffff));
    color: white;
    font-weight: 600;
    font-size: 15px;
    border-radius: var(--cv2-radius-input, 10px);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.04);
    white-space: nowrap;
    height: 50px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
}
.sepetdomain-domain-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, var(--sepetdomain-primary), color-mix(in srgb, var(--sepetdomain-primary) 70%, #ffffff));
    opacity: 0;
    transition: opacity 0.3s ease;
}
.sepetdomain-domain-button:hover::before {
    opacity: 1;
}
.sepetdomain-domain-button span {
    position: relative;
    z-index: 1;
}
.sepetdomain-domain-button:hover {
    transform: translateY(-3px);
}
.sepetdomain-domain-info {
    margin-top: 20px;
    padding: 20px;
background: var(--primary-color-rgb);
border-radius: var(--cv2-radius-input, 12px);
}
.sepetdomain-domain-info p {
    margin: 0 0 15px 0;
    color: var(--sepetdomain-title);
    font-weight: 500;
}
.sepetdomain-dns-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.sepetdomain-dns-item {
    padding: 15px;
    background-color: var(--sepetdomain-card-bg);
    border: 1.5px dashed var(--primary-color);
    border-radius: var(--cv2-radius-input, 12px);
    font-size: 14px;
    color: var(--sepetdomain-title);
}
.sepetdomain-domain-result {
    margin: 12px auto 0;
    padding: 0;
    border-radius: var(--cv2-radius-card, 20px);
    display: none;
    max-width: 420px;
}
.sepetdomain-domain-result.available {
    background: var(--sepetdomain-card-bg);
    border: 1px solid rgba(var(--cv2-primary-rgb), 0.22);
    overflow: hidden;
    position: relative;
    box-shadow: none;
}
.sepetdomain-domain-result.available .ticket-content {
    padding: 24px 24px 20px;
    text-align: center;
}
.sepetdomain-domain-result.available .available-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 14px;
    background: linear-gradient(135deg, var(--sepetdomain-success, var(--cv2-primary)) 0%, var(--cv2-primary) 100%);
    border-radius: var(--cv2-radius-card, 14px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.sepetdomain-domain-result.available .available-icon svg {
    width: 28px;
    height: 28px;
    stroke-width: 2.5;
}
.sepetdomain-domain-result.available .domain-name-display {
    font-size: 20px;
    font-weight: 700;
    color: var(--sepetdomain-title);
    margin-bottom: 4px;
}
.sepetdomain-domain-result.available h4 {
    margin: 0 0 14px 0;
    color: var(--sepetdomain-success, var(--cv2-primary));
    font-weight: 500;
    font-size: 13px;
}
.sepetdomain-domain-result.available .domain-price-display {
    margin-bottom: 0;
}
.sepetdomain-domain-result.available .domain-price-display .price-amount {
    font-size: 24px;
    font-weight: 600;
    color: var(--sepetdomain-primary);
    letter-spacing: -0.3px;
}
.sepetdomain-domain-result.available .domain-price-display .period {
    font-size: 14px;
    font-weight: 500;
    color: var(--sepetdomain-text);
    opacity: 0.8;
}
.sepetdomain-domain-result.available .setup-notice,
.sepetdomain-domain-result.available .free-notice {
    font-size: 12px;
    color: var(--sepetdomain-text);
    margin: 8px 0 0;
}
.sepetdomain-domain-result.available .ticket-footer {
    height: auto;
    padding: 16px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-top: 2px dashed var(--sepetdomain-border);
    background: rgba(var(--sepetdomain-primary-rgb), 0.02);
}
.sepetdomain-domain-result.available .btn-secondary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    background: transparent;
    border: 1.5px solid var(--sepetdomain-primary);
    border-radius: var(--cv2-radius-input, 8px);
    color: var(--sepetdomain-primary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.sepetdomain-domain-result.available .btn-secondary-action:hover {
    background: rgba(var(--sepetdomain-primary-rgb), 0.08);
}
.sepetdomain-domain-result.available .btn-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    background: var(--sepetdomain-primary);
    color: white;
    font-size: 13px;
    font-weight: 600;
    border: 1.5px solid var(--sepetdomain-primary);
    border-radius: var(--cv2-radius-input, 8px);
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.sepetdomain-domain-result.available .btn-primary-action:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}
.sepetdomain-domain-result.unavailable {
    background-color: transparent;
    max-width: 100%;
}
.sepetdomain-domain-result.unavailable h4 {
    color: var(--sepetdomain-danger);
}
.sepetdomain-domain-result h4 {
    margin: 0 0 15px 0;
    color: var(--sepetdomain-title);
    font-weight: 600;
    font-size: 18px;
}
.sepetdomain-domain-result p {
    margin: 0;
    color: var(--sepetdomain-text);
}
.sepetdomain-domain-select {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.sepetdomain-accordion-header .header-content {
    display: flex;
    align-items: center;
    gap: 14px;
    flex:1;
    min-width:0;
}
.sepetdomain-subdomain-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.sepetdomain-subdomain-input {
    flex: 1;
    padding: 14px 18px;
    border: 1px solid var(--sepetdomain-border);
    border-radius: var(--cv2-radius-input, 10px);
    font-size: 16px;
    background-color: var(--sepetdomain-card-bg);
    color: var(--sepetdomain-text);
    transition: all 0.3s ease;
}
.sepetdomain-subdomain-input:focus {
    border-color: var(--sepetdomain-primary);
    outline: none;
}
.sepetdomain-subdomain-select {
    width: 40%;
    padding: 14px 18px;
    border: 1px solid var(--sepetdomain-border);
    border-radius: var(--cv2-radius-input, 10px);
    font-size: 16px;
    background-color: var(--sepetdomain-card-bg);
    color: var(--sepetdomain-text);
    transition: all 0.3s ease;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%23333'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
}
.sepetdomain-subdomain-select:focus {
    border-color: var(--sepetdomain-primary);
    outline: none;
}
.sepetdomain-form-label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--sepetdomain-title);
}
.sepetdomain-form-input {
    width: 100%;
    padding: 14px 18px;
    border-radius: var(--cv2-radius-input, 12px);
    font-size: 16px;
    transition: all 0.3s ease;
    border: 1px solid var(--sepetdomain-border);
    background-color: var(--sepetdomain-card-bg);
    color: var(--sepetdomain-text);
}
.sepetdomain-form-textarea {
    width: 100%;
    padding: 14px 18px;
    border-radius: var(--cv2-radius-input, 12px);
    font-size: 16px;
    transition: all 0.3s ease;
    background-color: var(--sepetdomain-card-bg);
    color: var(--sepetdomain-text);
    min-height: 100px;
    resize: vertical;
}
.sepetdomain-form-textarea:focus {
    border-color: var(--sepetdomain-primary);
    outline: none;
}
.sepetdomain-wrapper .sepetdomain-form-select {
    width: 100%;
    max-width: 340px;
    padding: 10px 36px 10px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    background-color: var(--sepetdomain-card-bg);
    color: var(--sepetdomain-title);
    border: 1.5px solid var(--sepetdomain-border);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%23333'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    transition: border-color .2s ease;
    cursor: pointer;
    box-sizing: border-box;
    outline: none;
    line-height: 1.4;
}
.sepetdomain-wrapper .sepetdomain-form-select:focus {
    border-color: var(--sepetdomain-primary);
    outline: none;
}
[data-theme="dark"] .sepetdomain-wrapper .sepetdomain-form-select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%2394a3b8'/%3E%3C/svg%3E");
}
.sepetdomain-radio-group,.sepetdomain-checkbox-group{display:flex;flex-wrap:wrap;gap:8px}
.sepetdomain-wrapper .sepetdomain-table .sepetdomain-radio-group .sepetdomain-radio-label,
.sepetdomain-wrapper .sepetdomain-table .sepetdomain-checkbox-group .sepetdomain-checkbox-label,
.sepetdomain-wrapper .sepetdomain-content .sepetdomain-radio-label,
.sepetdomain-wrapper .sepetdomain-content .sepetdomain-checkbox-label{display:inline-flex;align-items:center;padding:10px 16px;border:1.5px solid var(--sepetdomain-border);border-radius:50px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease;background:transparent;background-color:transparent;background-image:none;font-size:13px;font-weight:500;color:var(--sepetdomain-title);min-height:auto;max-height:none;justify-content:flex-start;flex-wrap:nowrap;position:static;box-shadow:none;vertical-align:baseline}
.sepetdomain-wrapper .sepetdomain-table .sepetdomain-radio-group .sepetdomain-radio-label:hover,
.sepetdomain-wrapper .sepetdomain-table .sepetdomain-checkbox-group .sepetdomain-checkbox-label:hover{border-color:rgba(var(--sepetdomain-primary-rgb),.25);background:transparent}
.sepetdomain-wrapper .sepetdomain-table .sepetdomain-radio-group .sepetdomain-radio-label:has(input:checked),
.sepetdomain-wrapper .sepetdomain-table .sepetdomain-checkbox-group .sepetdomain-checkbox-label:has(input:checked),
.sepetdomain-wrapper .sepetdomain-content .sepetdomain-radio-label:has(input:checked),
.sepetdomain-wrapper .sepetdomain-content .sepetdomain-checkbox-label:has(input:checked){border:1.5px dashed rgba(var(--sepetdomain-primary-rgb),.4);color:var(--sepetdomain-primary);background-color:rgba(var(--sepetdomain-primary-rgb),.06)}
.sepetdomain-radio-label span,.sepetdomain-checkbox-label span{font-size:13px;line-height:1.3;margin-left:4px}
.sepetdomain-radio-label span strong,.sepetdomain-checkbox-label span strong{font-weight:600;color:var(--sepetdomain-primary)}
.sepetdomain-radio-custom,.sepetdomain-checkbox-custom{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;flex-shrink:0;margin:0 10px 0 0;position:relative;cursor:pointer;border:2px solid var(--sepetdomain-border);background:rgba(0,0,0,.02);transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}
.sepetdomain-radio-custom{border-radius:50%}
.sepetdomain-checkbox-custom{border-radius:5px}
.sepetdomain-radio-custom:hover,.sepetdomain-checkbox-custom:hover{border-color:rgba(var(--sepetdomain-primary-rgb),.35)}
.sepetdomain-radio-custom:checked{background:var(--sepetdomain-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:10px;border-color:var(--sepetdomain-primary);box-shadow: none;important}
.sepetdomain-checkbox-custom:checked{background:var(--sepetdomain-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:11px;border-color:var(--sepetdomain-primary);box-shadow: none;important}
[data-theme="dark"] .sepetdomain-radio-custom,[data-theme="dark"] .sepetdomain-checkbox-custom{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}
[data-theme="dark"] .sepetdomain-radio-custom:hover,[data-theme="dark"] .sepetdomain-checkbox-custom:hover{border-color:rgba(var(--sepetdomain-primary-rgb),.4)}
[data-theme="dark"] .sepetdomain-radio-custom:checked{background:var(--sepetdomain-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:10px;border-color:var(--sepetdomain-primary);box-shadow: none;important}
[data-theme="dark"] .sepetdomain-checkbox-custom:checked{background:var(--sepetdomain-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:11px;border-color:var(--sepetdomain-primary)}
.sepetdomain-wrapper .sepetdomain-radio-label::before,.sepetdomain-wrapper .sepetdomain-radio-label::after,.sepetdomain-wrapper .sepetdomain-checkbox-label::before,.sepetdomain-wrapper .sepetdomain-checkbox-label::after{display:none;content:none;position:static;width:0;height:0;border:none;background:none}
@media (max-width: 768px) {
.sepetdomain-wrapper .sepetdomain-table .sepetdomain-radio-group .sepetdomain-radio-label,
.sepetdomain-wrapper .sepetdomain-table .sepetdomain-checkbox-group .sepetdomain-checkbox-label,
.sepetdomain-wrapper .sepetdomain-content .sepetdomain-radio-label,
.sepetdomain-wrapper .sepetdomain-content .sepetdomain-checkbox-label{padding:9px 14px;font-size:12px}
.sepetdomain-radio-label span,.sepetdomain-checkbox-label span{font-size:12px}
}
.sepetdomain-table{width:100%;display:block;max-width:var(--CoreV2-container-width);margin:0 auto}
.sepetdomain-table thead{display:none}
.sepetdomain-table tbody{display:flex;flex-direction:column;gap:10px}
.sepetdomain-table tr{display:flex;flex-direction:column;background:var(--sepetdomain-card-bg);border:1px solid var(--sepetdomain-border);border-radius: var(--cv2-radius-input, 12px);padding:16px 18px}
.sepetdomain-table td{display:block;padding:0;border:none}
.sepetdomain-table td:first-child{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(var(--sepetdomain-primary-rgb),.06)}
.sepetdomain-table td:first-child label .sepetdomain-required{color:var(--cv2-danger);font-weight:700;font-size:14px;line-height:1.2;flex-shrink:0}
.sepetdomain-table td:first-child label strong{font-size:13px;font-weight:600;color:var(--sepetdomain-title);display:block;margin-bottom:2px;line-height:1.3}
.sepetdomain-table td:first-child label p{font-size:11.5px;font-weight:400;color:var(--sepetdomain-text);margin:2px 0 0;line-height:1.45;opacity:.7}
.sepetdomain-content h2,.sepetdomain-content h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--sepetdomain-title)}
.sepetdomain-content h4{font-size:13px;font-weight:600}
.sepetdomain-content p,.sepetdomain-content label,.sepetdomain-content td,.sepetdomain-content th{font-size:13px;font-weight:500;line-height:1.5}
.sepetdomain-table tr:last-child td {
    border-bottom: none;
}
.sepetdomain-table tr:hover td {
    background-color: transparent;
}
.sepetdomain-range-slider {
    margin-top: 20px;
    padding: 20px;
    background-color: var(--sepetdomain-card-hover);
    border-radius: var(--cv2-radius-input, 12px);
    border: 1px solid var(--sepetdomain-border);
}
.sepetdomain-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 28px;
    background: var(--sepetdomain-primary-gradient);
    color: white;
    font-weight: 600;
    border-radius: var(--cv2-radius-btn, 10px);
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.04);
    min-width: 0;
    width: auto;
    position: relative;
    overflow: hidden;
    font-size: 15px;
    outline: 2px solid rgba(var(--sepetdomain-primary-rgb), .25);
    outline-offset: 3px;
}
.sepetdomain-button:hover {
    transform: translateY(-3px);
}
.sepetdomain-button:active {
    transform: translateY(0);
}
.sepetdomain-button.loading {
    pointer-events: none;
    opacity: 0.8;
}
.sepetdomain-error {
    color: var(--sepetdomain-danger);
    margin-top: 15px;
    padding: 13px 18px 13px 22px;
    background-color: var(--sepetdomain-danger-bg);
    border-radius: var(--cv2-radius-input, 10px);
    display: none;
    position: relative;
    overflow: hidden;
    font-weight: 500;
    animation: fadeIn 0.3s ease;
}
.sepetdomain-error::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 55%;
    background: var(--sepetdomain-danger);
    border-radius: 0 3px 3px 0;
}
.sepetdomain-success {
    color: var(--cv2-success);
    margin-top: 15px;
    padding: 13px 18px 13px 22px;
    background-color: rgba(var(--cv2-primary-rgb),.08);
    border-radius: var(--cv2-radius-input, 10px);
    display: none;
    position: relative;
    overflow: hidden;
    font-weight: 500;
    animation: fadeIn 0.3s ease;
}
.sepetdomain-success::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 55%;
    background: var(--cv2-success);
    border-radius: 0 3px 3px 0;
}
.sepetdomain-required {
    color: var(--sepetdomain-danger);
    margin-right: 5px;
    display: inline-block;
    font-weight: bold;
}
.sepetdomain-file-upload {
    position: relative;
    margin-bottom: 10px;
}
.sepetdomain-form-file {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}
.sepetdomain-file-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
    background-color: var(--sepetdomain-card-hover);
    border: 2px dashed var(--sepetdomain-border);
    border-radius: var(--cv2-radius-input, 12px);
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--sepetdomain-text);
    font-size: 15px;
    text-align: center;
}
.sepetdomain-file-label:hover,
.sepetdomain-file-label.has-files {
    background-color: var(--sepetdomain-primary-bg);
    border-color: var(--sepetdomain-primary);
    color: var(--sepetdomain-primary);
}
.sepetdomain-file-label i {
    font-size: 20px;
}
.sepetdomain-file-selected {
    padding: 12px 15px 12px 18px;
    background-color: var(--sepetdomain-success-bg);
    color: var(--sepetdomain-success);
    border-radius: var(--cv2-radius-input, 10px);
    margin-top: 10px;
    font-size: 14px;
    animation: fadeIn 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 8px;
}
.sepetdomain-file-selected::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 55%;
    background: var(--sepetdomain-success);
    border-radius: 0 2px 2px 0;
}
.sepetdomain-file-selected i {
    font-size: 16px;
}
.sepetdomain-success-message {
    color: var(--cv2-success);
    margin-top: 15px;
    padding: 12px 16px 12px 20px;
    background-color: rgba(var(--cv2-primary-rgb),.08);
    border-radius: var(--cv2-radius-input, 8px);
    font-weight: 500;
    font-size: 13px;
    animation: fadeIn 0.3s ease;
    display: none;
    position: relative;
    overflow: hidden;
}
.sepetdomain-success-message::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 55%;
    background: var(--cv2-success);
    border-radius: 0 2px 2px 0;
}
.sepetdomain-success-message i { display: none; }
.sepetdomain-shimmer {
    display: inline-block;
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg,
        rgba(var(--sepetdomain-primary-rgb), 0.1) 0%,
        rgba(var(--sepetdomain-primary-rgb), 0.2) 50%,
        rgba(var(--sepetdomain-primary-rgb), 0.1) 100%
    );
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: var(--cv2-radius-input, 6px);
}
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes slideIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.sepetdomain-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}
.sepetdomain-slide-in {
    animation: slideIn 0.5s ease-in-out;
}
.sepetdomain-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple 0.6s linear;
    background-color: rgba(255, 255, 255, 0.3);
}
@keyframes ripple {
    to {
        transform: scale(2.5);
        opacity: 0;
    }
}
.sepetdomain-error-input {
    border-color: var(--sepetdomain-danger);
    animation: shake 0.5s ease-in-out;
}
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}
@media (max-width: 992px) {
    .sepetdomain-section-title h1 {
        font-size: 24px;
    }
    .sepetdomain-section-title h2 {
        max-width: 95%;
        font-size: 15px;
    }
    .sepetdomain-content {
        max-width: 100%;
        padding: 0 8px;
    }
}
@media (max-width: 768px) {
    .sepetdomain-period-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .sepetdomain-button {
        width: 100%;
    }
    .sepetdomain-domain-search {
        flex-direction: column;
        gap: 10px;
        padding: 15px;
        height: auto;
        max-width: 100%;
        width: 100%;
        margin: 10px 0;
    }
    .sepetdomain-domain-search .domain-icon {
        display: none;
    }
    .sepetdomain-domain-input {
        width: 100%;
        min-height: 50px;
        padding: 12px 15px;
        font-size: 16px;
        border: 1px solid var(--sepetdomain-border);
        border-radius: var(--cv2-radius-input, 10px);
        background-color: var(--sepetdomain-card-bg);
    }
    .sepetdomain-domain-button {
        width: 100%;
        min-height: 50px;
        margin: 0;
        border-radius: var(--cv2-radius-btn, 10px);
    }
    .sepetdomain-subdomain-container {
        flex-direction: column;
        gap: 15px;
    }
    .sepetdomain-subdomain-select {
        width: 100%;
    }
}
/*
   En küçük mobil ekranlarda da 2x2 düzenini korumak için
   576px medya sorgusu, tek sütuna zorlayan kurallar olmadan bırakılmğtır.
   Bu sayede 768px'de uygulanan 2 sütunlu yapı bozulmadan devam eder.
*/
@media (max-width: 576px) {
    .sepetdomain-content {
        padding: 15px 10px;
    }
    .sepetdomain-radio-group,
    .sepetdomain-checkbox-group {
        gap: 6px;
    }
    .sepetdomain-domain-result {
        max-width: 100%;
        margin: 10px 0;
        border-radius: var(--cv2-radius-card, 16px);
    }
    .sepetdomain-domain-result.unavailable > div {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .sepetdomain-domain-result.available .ticket-content {
        padding: 20px 16px;
    }
    .sepetdomain-domain-result.available .ticket-footer {
        padding: 12px 16px;
    }
    .sepetdomain-table tr {
        padding: 14px 12px;
        border-radius: var(--cv2-radius-input, 11px);
    }
}
/* ==========================================
   UNIFIED SEARCH - DOMAIN CONTROL DESIGN
   ========================================== */
.sepetdomain-unified-banner {
    text-align: center;
    padding: 20px 15px;
    background: linear-gradient(135deg, var(--sepetdomain-primary) 0%, color-mix(in srgb, var(--sepetdomain-primary) 70%, var(--cv2-primary)) 100%);
    border-radius: 16px 16px 0 0;
    color: white;
    font-size: 15px;
    font-weight: 500;
}
.sepetdomain-unified-banner .price-highlight {
    color: var(--cv2-primary);
    font-weight: 700;
    font-size: 17px;
}
.sepetdomain-unified-search {
    background: var(--sepetdomain-card-bg);
    border-radius: 0 0 16px 16px;
    padding: 25px;
    margin-bottom: 25px;
}
.sepetdomain-unified-search-box {
    display: flex;
    align-items: center;
    background: var(--sepetdomain-card-bg);
    border: 2px solid var(--sepetdomain-border);
    border-radius: var(--cv2-radius-btn, 60px);
    padding: 8px 8px 8px 20px;
    transition: all 0.3s ease;
}
.sepetdomain-unified-search-box:focus-within {
    border-color: var(--sepetdomain-primary);
}
.sepetdomain-unified-search-box .search-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sepetdomain-primary);
    font-size: 20px;
}
.sepetdomain-unified-search-box input {
    flex: 1;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    color: var(--sepetdomain-title);
    padding: 12px 15px;
    outline: none;
}
.sepetdomain-unified-search-box input::placeholder {
    color: var(--sepetdomain-text);
    opacity: 0.6;
}
.sepetdomain-unified-search-box .search-btn {
    background: var(--sepetdomain-primary);
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.04);
    padding: 14px 28px;
    border-radius: var(--cv2-radius-btn, 10px);
    font-size: var(--cv2-font-size-button, 15px);
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.sepetdomain-unified-search-box .search-btn:hover {
    background: color-mix(in srgb, var(--sepetdomain-primary) 85%, black);
    transform: translateY(-2px);
}
.sepetdomain-cards-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 25px;
}
@media (max-width: 768px) {
    .sepetdomain-cards-grid {
        grid-template-columns: 1fr;
    }
}
.sepetdomain-whois-card {
    background: var(--sepetdomain-card-bg);
    border-radius: var(--cv2-radius-card, 16px);
    border: 1px solid var(--sepetdomain-border);
    overflow: hidden;
    transition: all 0.3s ease;
}
.sepetdomain-whois-card:hover {
    transform: none;
}
.sepetdomain-whois-card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid var(--sepetdomain-border);
}
.sepetdomain-whois-card .card-header h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--sepetdomain-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.sepetdomain-whois-card .card-header .header-icon {
    width: 32px;
    height: 32px;
    background: var(--sepetdomain-primary-bg);
    border-radius: var(--cv2-radius-input, 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sepetdomain-primary);
    font-size: 16px;
}
.sepetdomain-whois-card .domain-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background: rgba(var(--sepetdomain-primary-rgb), 0.03);
    border-bottom: 1px solid var(--sepetdomain-border);
}
.sepetdomain-whois-card .domain-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--sepetdomain-primary);
    background: rgba(var(--sepetdomain-primary-rgb), 0.1);
    padding: 6px 14px;
    border-radius: var(--cv2-radius-card, 20px);
}
.sepetdomain-whois-card .domain-price {
    font-size: 22px;
    font-weight: 700;
    color: var(--sepetdomain-title);
}
.sepetdomain-whois-card .domain-price span {
    font-size: 14px;
    font-weight: 400;
    color: var(--sepetdomain-text);
}
.sepetdomain-whois-card .domain-badge {
    background: linear-gradient(135deg, var(--cv2-primary) 0%, var(--cv2-primary) 100%);
    color: white;
    padding: 6px 14px;
    border-radius: var(--cv2-radius-chip, 20px);
    font-size: 12px;
    font-weight: 600;
}
.sepetdomain-whois-card .info-rows {
    padding: 5px 0;
}
.sepetdomain-whois-card .info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(var(--sepetdomain-primary-rgb), 0.05);
}
.sepetdomain-whois-card .info-row:last-child {
    border-bottom: none;
}
.sepetdomain-whois-card .info-label {
    font-size: 14px;
    color: var(--sepetdomain-text);
    font-weight: 500;
}
.sepetdomain-whois-card .info-value {
    font-size: 14px;
    color: var(--sepetdomain-title);
    font-weight: 600;
    text-align: right;
}
.sepetdomain-whois-card .info-value.success {
    color: var(--sepetdomain-success);
}
.sepetdomain-whois-card .info-value .badge-days {
    margin-left: 6px;
    font-weight: 600;
}
.sepetdomain-whois-card .info-value .ns-item {
    display: block;
    font-size: 13px;
    color: var(--sepetdomain-text);
}
.sepetdomain-whois-card .info-value .ns-item i {
    color: var(--sepetdomain-primary);
    margin-right: 5px;
}
.sepetdomain-whois-card .card-footer {
    padding: 15px 20px;
    border-top: 1px solid var(--sepetdomain-border);
}
.sepetdomain-whois-card .card-action-btn {
    width: 100%;
    padding: 14px 20px;
    background: var(--sepetdomain-primary);
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: var(--cv2-radius-input, 10px);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.sepetdomain-whois-card .card-action-btn:hover {
    background: color-mix(in srgb, var(--sepetdomain-primary) 85%, black);
    transform: translateY(-2px);
}
.sepetdomain-whois-card .card-action-btn.secondary {
    background: linear-gradient(135deg, var(--cv2-primary) 0%, var(--cv2-primary) 100%);
}
.sepetdomain-whois-card .card-action-btn.secondary:hover {
    background: linear-gradient(135deg, var(--cv2-primary) 0%, var(--cv2-primary) 100%);
}
[data-theme="dark"] .sepetdomain-form-select,
[data-theme="dark"] .sepetdomain-subdomain-select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%2394a3b8'/%3E%3C/svg%3E");
}
[data-theme="dark"] .sepetdomain-period-footer {
    border-top-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .sepetdomain-select-indicator {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: transparent;
}
[data-theme="dark"] .sepetdomain-step.completed {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.12);
}
[data-theme="dark"] .sepetdomain-step.completed .sepetdomain-step-number {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.35);
}
[data-theme="dark"] .sepetdomain-step.completed .sepetdomain-step-name,
[data-theme="dark"] .sepetdomain-step.completed .sepetdomain-step-description {
    color: rgba(255,255,255,0.35);
}
[data-theme="dark"] .sepetdomain-unified-search {
    background: var(--sepetdomain-card-bg);
}
[data-theme="dark"] .sepetdomain-whois-card .domain-row {
    background: rgba(255,255,255,0.03);
}
[data-theme="dark"] .unavail-card-info {
    background: rgba(255,255,255,0.04);
}
.sepetdomain-custom-select{position:relative;width:100%;max-width:100%;font-size:14px;font-weight:500;user-select:none;z-index:10}
.sepetdomain-custom-select.cs-open{z-index:1000}
.sepetdomain-custom-select .cs-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:#ffffff;border:1px solid rgba(var(--sepetdomain-primary-rgb),.15);border-radius: var(--cv2-radius-btn, 10px);cursor:pointer;transition:all .25s ease;color:var(--sepetdomain-title);min-height:48px}
.sepetdomain-custom-select .cs-trigger:hover{border-color:rgba(var(--sepetdomain-primary-rgb),.2);transform:translateY(-1px)}
.sepetdomain-custom-select.cs-open .cs-trigger{border-color:rgba(var(--sepetdomain-primary-rgb),.2);border-radius:20px 20px 0 0}
.sepetdomain-custom-select .cs-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}
.sepetdomain-custom-select .cs-trigger .cs-arrow{width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(var(--sepetdomain-primary-rgb),.1);transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;color:var(--sepetdomain-primary)}
.sepetdomain-custom-select.cs-open .cs-trigger .cs-arrow{transform:rotate(180deg);background:var(--sepetdomain-primary);color:#ffffff}
.sepetdomain-custom-select .cs-options{display:none;position:absolute;top:100%;left:0;right:0;background:#ffffff;border:1px solid rgba(var(--sepetdomain-primary-rgb),.15);border-top:none;border-radius:0 0 24px 24px;z-index:1001;padding:8px 8px 12px;max-height:286px;overflow-y:auto;overflow-x:hidden;box-shadow:0 12px 32px rgba(0,0,0,.12)}
[data-theme="dark"] .sepetdomain-custom-select .cs-trigger{background:#1e293b;border-color:rgba(255,255,255,.1);color:#e2e8f0}
[data-theme="dark"] .sepetdomain-custom-select .cs-options{background:#1e293b;border-color:rgba(255,255,255,.1);box-shadow: none;important}
.sepetdomain-custom-select .cs-options::-webkit-scrollbar{width:5px}
.sepetdomain-custom-select .cs-options::-webkit-scrollbar-track{background:transparent;margin:10px 0}
.sepetdomain-custom-select .cs-options::-webkit-scrollbar-thumb{background:rgba(var(--sepetdomain-primary-rgb),.15);border-radius: var(--cv2-radius-input, 6px)}
.sepetdomain-custom-select .cs-options::-webkit-scrollbar-thumb:hover{background:rgba(var(--sepetdomain-primary-rgb),.3)}
.sepetdomain-custom-select.cs-open .cs-options{display:block;animation:csSlideDown .2s cubic-bezier(.4,0,.2,1)}
@keyframes csSlideDown{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}
.sepetdomain-custom-select .cs-option{padding:11px 16px;cursor:pointer;transition:all .18s ease;color:var(--sepetdomain-title);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;border-radius: var(--cv2-radius-btn, 10px);margin-bottom:3px;position:relative;border:1px solid transparent;white-space:normal;word-break:break-word}
.sepetdomain-custom-select .cs-option:last-child{margin-bottom:0}
.sepetdomain-custom-select .cs-option:hover{background:rgba(var(--sepetdomain-primary-rgb),.08);border-color:rgba(var(--sepetdomain-primary-rgb),.1);color:var(--sepetdomain-primary)}
.sepetdomain-custom-select .cs-option.cs-selected{background:rgba(var(--sepetdomain-primary-rgb),.12);border-color:rgba(var(--sepetdomain-primary-rgb),.15);color:var(--sepetdomain-primary);font-weight:600}
.sepetdomain-custom-select .cs-option.cs-selected::before{content:'';width:20px;height:20px;border-radius:50%;background:var(--sepetdomain-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px}
.sepetdomain-custom-select .cs-option:not(.cs-selected)::before{content:'';width:20px;height:20px;border-radius:50%;border:2px solid rgba(var(--sepetdomain-primary-rgb),.15);flex-shrink:0;box-sizing:border-box;transition:border-color .15s ease}
.sepetdomain-custom-select .cs-option:hover:not(.cs-selected)::before{border-color:rgba(var(--sepetdomain-primary-rgb),.35)}
.sepetdomain-custom-select .cs-placeholder{color:var(--sepetdomain-text);opacity:.5;font-weight:400}
@media(max-width:767px){.sepetdomain-custom-select{max-width:100%}.sepetdomain-custom-select .cs-trigger{padding:12px 18px;min-height:46px}.sepetdomain-custom-select .cs-option{padding:10px 14px;font-size:13px}}

/* === INLINE FROM order-steps-software.php : order-steps-software.php === */
/* style block #1 */
/* sepetsoftware-* → cv2-color-system.css (.sepetsoftware-wrapper) */
@keyframes swStepFadeIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@keyframes swStepCheckPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}
@keyframes swStepSuccessEntrance{0%{opacity:0;transform:scale(.9) translateY(20px)}60%{transform:scale(1.02) translateY(-4px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.sepetsoftware-steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 40px;position:relative;padding:0 10px;max-width:none}
.sepetsoftware-steps-container .sepetsoftware-step{flex:1 1 160px;max-width:200px;animation:swStepFadeIn .5s ease both;position:relative}
.sepetsoftware-steps-container .sepetsoftware-step:nth-child(1){animation-delay:.05s}
.sepetsoftware-steps-container .sepetsoftware-step:nth-child(2){animation-delay:.12s}
.sepetsoftware-steps-container .sepetsoftware-step:nth-child(3){animation-delay:.19s}
.sepetsoftware-steps-container .sepetsoftware-step:nth-child(4){animation-delay:.26s}
.sepetsoftware-steps-container .sepetsoftware-step:nth-child(5){animation-delay:.33s}
.sepetsoftware-step{background:var(--header-action-gradient);border-radius: var(--cv2-radius-card, 14px);padding:20px 16px;text-align:center;border:1px solid var(--header-action-border);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}
.sepetsoftware-step::before{content:'';position:absolute;top:-2px;left:30%;right:30%;height:3px;background:rgba(var(--sepetsoftware-primary-rgb),.15);border-radius: var(--cv2-radius-input, 4px);transition:all .4s ease}
.sepetsoftware-step:hover{transform:translateY(-2px);border-color:rgba(var(--sepetsoftware-primary-rgb),.2)}
.sepetsoftware-step-number{width:40px;height:40px;border-radius: var(--cv2-radius-input, 12px);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:15px;font-weight:700;background:rgba(var(--sepetsoftware-primary-rgb),.06);color:var(--sepetsoftware-primary);border:1.5px solid rgba(var(--sepetsoftware-primary-rgb),.12);transition:all .4s cubic-bezier(.4,0,.2,1)}
.sepetsoftware-step-name{font-size:13px;font-weight:600;color:var(--sepetsoftware-title);margin-bottom:4px;transition:color .3s}
.sepetsoftware-step-description{font-size:11px;color:var(--sepetsoftware-text);line-height:1.4;opacity:.8;transition:all .3s}
.sepetsoftware-step.active{background:var(--sepetsoftware-primary-gradient);color:#ffffff;border-color:transparent;transform:translateY(-2px);box-shadow:none}
.sepetsoftware-step.active::before{height:3px;background:#ffffff;left:28%;right:28%;opacity:.9;top:-2px}
.sepetsoftware-step.active .sepetsoftware-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
.sepetsoftware-step.active .sepetsoftware-step-name{color:#ffffff}
.sepetsoftware-step.active .sepetsoftware-step-description{color:rgba(255,255,255,.8);opacity:1}
.sepetsoftware-step.completed{background:var(--sepetsoftware-card-bg);border-color:rgba(var(--sepetsoftware-primary-rgb),.10);opacity:.55;filter:grayscale(.15)}
.sepetsoftware-step.completed::before{height:3px;background:var(--sepetsoftware-primary);left:28%;right:28%;opacity:.7;top:-2px}
.sepetsoftware-step.completed .sepetsoftware-step-number{background:rgba(var(--sepetsoftware-primary-rgb),.1);border-color:rgba(var(--sepetsoftware-primary-rgb),.2);color:var(--sepetsoftware-primary);font-size:0}
.sepetsoftware-step.completed .sepetsoftware-step-number::after{content:'\2713';font-size:16px;font-weight:700;animation:swStepCheckPop .4s ease both;display:flex;align-items:center;justify-content:center}
.sepetsoftware-step.completed .sepetsoftware-step-name{color:var(--sepetsoftware-text)}
.sepetsoftware-step.completed .sepetsoftware-step-description{color:var(--sepetsoftware-text);opacity:.5}
.sepetsoftware-step.completed:hover{opacity:.8;filter:none}
.sepetsoftware-step:not(.active):not(.completed){opacity:1;filter:grayscale(1);background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
.sepetsoftware-step:not(.active):not(.completed):hover{filter:grayscale(.5);border-color:rgba(0,0,0,.1)}
.sepetsoftware-step:not(.active):not(.completed) .sepetsoftware-step-number{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.3)}
.sepetsoftware-step:not(.active):not(.completed) .sepetsoftware-step-name{color:rgba(0,0,0,.35)}
.sepetsoftware-step:not(.active):not(.completed) .sepetsoftware-step-description{color:rgba(0,0,0,.25)}
.sepetsoftware-step:not(.active):not(.completed)::before{background:rgba(0,0,0,.06)}
[data-theme="dark"] .sepetsoftware-step{background:var(--header-action-gradient);border-color:var(--header-action-border)}
[data-theme="dark"] .sepetsoftware-step::before{background:var(--sepetsoftware-border)}
[data-theme="dark"] .sepetsoftware-step.active{background:var(--sepetsoftware-primary-gradient);border-color:transparent;color:#ffffff}
[data-theme="dark"] .sepetsoftware-step.active .sepetsoftware-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetsoftware-step.active .sepetsoftware-step-name{color:#ffffff}
[data-theme="dark"] .sepetsoftware-step.active .sepetsoftware-step-description{color:rgba(255,255,255,.8)}
[data-theme="dark"] .sepetsoftware-step.completed{background:rgba(255,255,255,.03);border-color:rgba(var(--sepetsoftware-primary-rgb),.18);opacity:.6}
[data-theme="dark"] .sepetsoftware-step.completed .sepetsoftware-step-number{background:rgba(var(--sepetsoftware-primary-rgb),.12);border-color:rgba(var(--sepetsoftware-primary-rgb),.22)}
[data-theme="dark"] .sepetsoftware-step.completed .sepetsoftware-step-name,[data-theme="dark"] .sepetsoftware-step.completed .sepetsoftware-step-description{color:rgba(255,255,255,.35)}
[data-theme="dark"] .sepetsoftware-step:not(.active):not(.completed){background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06)}
[data-theme="dark"] .sepetsoftware-step:not(.active):not(.completed) .sepetsoftware-step-number{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.25)}
[data-theme="dark"] .sepetsoftware-step:not(.active):not(.completed) .sepetsoftware-step-name{color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetsoftware-step:not(.active):not(.completed) .sepetsoftware-step-description{color:rgba(255,255,255,.2)}
[data-theme="dark"] .sepetsoftware-step:not(.active):not(.completed)::before{background:rgba(255,255,255,.04)}
@media(max-width:767px){.sepetsoftware-steps-container{gap:8px;margin-top:75px}.sepetsoftware-steps-container .sepetsoftware-step{flex:0 0 calc(50% - 4px);max-width:calc(50% - 4px)}.sepetsoftware-step{padding:14px 10px}.sepetsoftware-step-number{width:34px;height:34px;font-size:13px}.sepetsoftware-step-name{font-size:12px}.sepetsoftware-step-description{font-size:10px}}
.sepetsoftware-content{animation:swStepFadeIn .45s ease .15s both}
.genelbaslik{margin-top:10px;margin-bottom:18px}
.genelbaslik hr,.genelbaslik-aciklama + hr,.sepetsoftware-content > hr:first-child{display:none}
.sepetsoftware-wrapper{box-shadow:none}
.sepetsoftware-period-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;margin:20px auto 30px;padding:0 10px;box-sizing:border-box}
.sepetsoftware-period-container .sepetsoftware-period-block{flex:0 0 160px;max-width:160px;width:160px}
@media(max-width:640px){.sepetsoftware-period-container{gap:10px;padding:0 6px;margin:16px auto 20px}.sepetsoftware-period-container .sepetsoftware-period-block{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);width:auto}}
/* Dönem kartları: order-steps-unified.css (hosting referans tile) */
.sepetsoftware-period-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 20px 0;text-align:center}
.sepetsoftware-period-title{font-size:14px;font-weight:600;color:var(--sepetsoftware-title);margin-bottom:8px;letter-spacing:0}
.sepetsoftware-discount-badge{display:inline-block;background:rgba(var(--sepetsoftware-primary-rgb),0.1);color:var(--sepetsoftware-primary);font-size:10px;font-weight:700;padding:2px 6px;margin-bottom:8px;margin-top:-3px;text-transform:uppercase;border-radius: var(--cv2-radius-input, 5px);border:1px dashed var(--sepetsoftware-primary);max-width:fit-content;white-space:nowrap}
.sepetsoftware-period-block.active .sepetsoftware-discount-badge{background:rgba(255,255,255,0.2);color:white;border:1px dashed rgba(255,255,255,.7)}
.sepetsoftware-original-price{font-size:15px;font-weight:500;color:var(--sepetsoftware-text);text-decoration:line-through;text-decoration-thickness:2px;opacity:0.6;margin-bottom:6px;display:block}
.sepetsoftware-period-price{font-size:24px;font-weight:700;color:var(--sepetsoftware-title);margin-bottom:0;display:block;letter-spacing:-0.02em;line-height:1.2}
.sepetsoftware-setup-fee,.sepetsoftware-period-setup-fee{font-size:14px;color:var(--sepetsoftware-text);margin-top:12px;margin-bottom:20px;opacity:0.75;font-weight:500;min-height:20px}
.sepetsoftware-period-footer{border-top:1px dashed rgba(0,0,0,0.1);padding:16px 0;margin-top:auto}
.sepetsoftware-select-indicator{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#cccccc;font-size:12px;background:rgba(0,0,0,0.05);transition:all 0.3s ease;border:2px solid rgba(0,0,0,0.1)}
.sepetsoftware-period-block.active .sepetsoftware-select-indicator{background:rgba(255,255,255,0.3);color:white;border-color:white}
[data-theme="dark"] .sepetsoftware-period-footer{border-top-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .sepetsoftware-select-indicator{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.5)}
[data-theme="dark"] .sepetsoftware-period-block{background:#1e293b;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .sepetsoftware-period-block.active{background:var(--sepetsoftware-primary);border-color:transparent}
.sepetsoftware-domain-container{max-width:780px;margin:0 auto}
.sepetsoftware-domain-search{position:relative;display:flex;align-items:center;min-height:60px;background:var(--sepetsoftware-card-bg);border:1px solid var(--sepetsoftware-border);border-radius: var(--cv2-radius-card, 14px);overflow:hidden;transition:border-color .3s}
.sepetsoftware-domain-search:focus-within{border-color:rgba(var(--sepetsoftware-primary-rgb),.25)}
.sepetsoftware-domain-search .domain-icon{position:absolute;left:0;width:56px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--sepetsoftware-text);font-size:20px;border:none;background:transparent;flex-shrink:0;pointer-events:none;z-index:5;transition:color .25s ease}
.sepetsoftware-domain-search .domain-icon::after{content:'';position:absolute;right:0;top:12px;bottom:12px;width:1.5px;background:var(--sepetsoftware-border);border-radius: var(--cv2-radius-input, 1px)}
.sepetsoftware-domain-search:focus-within .domain-icon{color:var(--sepetsoftware-primary)}
.sepetsoftware-domain-search:focus-within .domain-icon::after{background:rgba(var(--sepetsoftware-primary-rgb),.2)}
.sepetsoftware-domain-search .sepetsoftware-domain-input{flex:1;height:60px;padding:0 170px 0 78px;border:none;background:transparent;outline:none;font-size:15px;font-weight:500;color:var(--sepetsoftware-title);letter-spacing:-.015em}
.sepetsoftware-domain-search .sepetsoftware-domain-input::placeholder{color:var(--sepetsoftware-text);font-weight:400;font-size: var(--cv2-font-size-button, 14px);opacity:.6}
.sepetsoftware-domain-search .sepetsoftware-domain-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 22px;background:var(--sepetsoftware-primary-gradient);color:#ffffff;border:none;border-radius: var(--cv2-radius-input, 11px);font-size:13px;font-weight:600;cursor:pointer;transition:all .22s ease;white-space:nowrap;z-index:10;box-shadow:none;outline:none}
.sepetsoftware-domain-search .sepetsoftware-domain-button:hover{filter:brightness(1.08);transform:translateY(calc(-50% - 1px))}
.sepetsoftware-domain-search .sepetsoftware-domain-button:active{transform:translateY(calc(-50% + 1px))}
@media(max-width:767px){.sepetsoftware-domain-search{flex-wrap:wrap;min-height:auto;padding:10px}.sepetsoftware-domain-search .domain-icon{position:absolute;width:40px;height:40px;top:10px;left:10px;font-size:18px}.sepetsoftware-domain-search .domain-icon::after{top:8px;bottom:8px}.sepetsoftware-domain-search .sepetsoftware-domain-input{flex:1 1 100%;height:40px;padding:0 14px 0 48px;font-size: var(--cv2-font-size-button, 14px)}.sepetsoftware-domain-search .sepetsoftware-domain-button{position:relative;right:auto;top:auto;transform:none;flex:1 1 100%;width:100%;height:42px;justify-content:center;font-size: var(--cv2-font-size-button, 13px);border-radius: var(--cv2-radius-input, 10px);margin-top:8px}.sepetsoftware-domain-search .sepetsoftware-domain-button:hover{transform:none}}
[data-theme="dark"] .sepetsoftware-domain-search{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .sepetsoftware-domain-search .domain-icon::after{background:rgba(255,255,255,.1)}
[data-theme="dark"] .sepetsoftware-domain-search .sepetsoftware-domain-input{color:#e2e8f0}
.sepetsoftware-domain-result.available{background:var(--sepetsoftware-card-bg);border:1.5px solid rgba(var(--cv2-primary-rgb),.22);border-radius: var(--cv2-radius-card, 20px);padding:0;margin-top:20px;overflow:hidden;transition:box-shadow .3s}
.sepetsoftware-domain-result.available .ticket-content{padding:32px 24px 24px;text-align:center}
.sepetsoftware-domain-result.available .available-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--cv2-primary-rgb),.15),rgba(var(--cv2-primary-rgb),.05));border:1.5px solid rgba(var(--cv2-primary-rgb),.2);display:flex;align-items:center;justify-content:center}
.sepetsoftware-domain-result.available .available-icon svg{width:30px;height:30px}
.sepetsoftware-domain-result.available .domain-name-display{font-size:17px;font-weight:700;color:var(--sepetsoftware-title);margin:0 0 6px;letter-spacing:-.02em}
.sepetsoftware-domain-result.available h4{font-size:13px;font-weight:500;color:var(--cv2-success);margin:0 0 16px;display:inline-flex;align-items:center;gap:6px}
.sepetsoftware-domain-result.available .domain-price-display{display:inline-flex;align-items:baseline;gap:5px;background:linear-gradient(135deg,rgba(var(--cv2-primary-rgb),.08),rgba(var(--cv2-primary-rgb),.04));padding:10px 20px;border-radius: var(--cv2-radius-input, 12px);margin-bottom:8px;border:1px solid rgba(var(--cv2-primary-rgb),.15)}
.sepetsoftware-domain-result.available .price-amount{font-size:22px;font-weight:800;color:var(--cv2-success);letter-spacing:-.03em}
.sepetsoftware-domain-result.available .period{font-size:12px;color:var(--sepetsoftware-text);font-weight:500}
.sepetsoftware-domain-result.available .setup-notice,.sepetsoftware-domain-result.available .free-notice{font-size:11px;color:var(--sepetsoftware-text);margin:6px 0 0}
.sepetsoftware-domain-result.available .ticket-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid rgba(var(--cv2-primary-rgb),.12);background:linear-gradient(to right,rgba(var(--cv2-primary-rgb),.03),rgba(var(--cv2-primary-rgb),.01))}
.sepetsoftware-domain-result.available .btn-primary-action,.sepetsoftware-domain-result.available .btn-secondary-action{flex:1;padding:13px 16px;border-radius: var(--cv2-radius-btn, 12px);font-size: var(--cv2-font-size-button, 13px);font-weight:600;cursor:pointer;transition:all .22s ease;border:none;text-align:center;letter-spacing:-.01em}
.sepetsoftware-domain-result.available .btn-primary-action{background:linear-gradient(135deg,var(--cv2-success),var(--cv2-success));color:#ffffff}
.sepetsoftware-domain-result.available .btn-primary-action:hover{filter:brightness(1.08);transform:translateY(-1px)}
.sepetsoftware-domain-result.available .btn-secondary-action{background:transparent;color:var(--sepetsoftware-text);border:1.5px solid var(--sepetsoftware-border)}
.sepetsoftware-domain-result.available .btn-secondary-action:hover{border-color:rgba(var(--cv2-primary-rgb),.3);color:var(--cv2-success);background:rgba(var(--cv2-primary-rgb),.04)}
.sepetsoftware-domain-result.unavailable{margin-top:20px;width:100%}
.sepetsoftware-domain-result.unavailable > div{max-width:var(--CoreV2-container-width);margin:0 auto}
.unavail-card{background:var(--sepetsoftware-card-bg);border:1px solid var(--sepetsoftware-border);border-radius: var(--cv2-radius-card, 20px);padding:24px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s}
.unavail-card-filled{background:var(--header-action-gradient);border:1px solid var(--header-action-border)}
.unavail-card-dashed{background:var(--sepetsoftware-card-bg);border:1.5px dashed var(--sepetsoftware-border)}
.unavail-card h3{font-size:15px;font-weight:700;margin-bottom:14px;color:var(--sepetsoftware-title);letter-spacing:-.02em}
.unavail-card .domain-name{font-size:13px;padding:5px 13px}
.unavail-card .domain-price{font-size:19px;font-weight:800;letter-spacing:-.02em}
.unavail-card .domain-price span{font-size:11px;font-weight:500}
.unavail-card-info{background:rgba(var(--sepetsoftware-primary-rgb),.03);border:1.5px dashed rgba(var(--sepetsoftware-primary-rgb),.15);border-radius: var(--cv2-radius-card, 14px);padding:14px 16px;margin-bottom:16px;width:100%;box-sizing:border-box}
.unavail-card-btn{padding:14px 16px;border-radius: var(--cv2-radius-btn, 12px);font-size: var(--cv2-font-size-button, 13px);font-weight:600;cursor:pointer;transition:all .22s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;letter-spacing:-.01em;width:100%}
.unavail-btn-filled{background:var(--sepetsoftware-primary-gradient);color:#ffffff;border:none;outline:none;box-shadow:none}
.unavail-btn-filled:hover{filter:brightness(1.08)}
.unavail-btn-dashed{background:rgba(var(--sepetsoftware-primary-rgb),.04);color:var(--sepetsoftware-primary);border:1.5px dashed rgba(var(--sepetsoftware-primary-rgb),.25);outline:none;box-shadow:none}
.unavail-btn-dashed:hover{background:rgba(var(--sepetsoftware-primary-rgb),.09);border-color:rgba(var(--sepetsoftware-primary-rgb),.45)}
.sepetsoftware-domain-result.unknown{background:var(--sepetsoftware-card-bg);border:1.5px solid rgba(var(--cv2-primary-rgb),.22);border-radius: var(--cv2-radius-card, 20px);padding:0;margin-top:20px;overflow:hidden}
.sepetsoftware-domain-result.unknown .ticket-content{padding:32px 24px 24px;text-align:center}
.sepetsoftware-domain-result.unknown .ticket-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid rgba(var(--cv2-primary-rgb),.12);background:rgba(var(--cv2-primary-rgb),.02)}
.sepetsoftware-domain-result.unknown .btn-primary-action{flex:1;padding:13px 16px;border-radius: var(--cv2-radius-btn, 12px);font-size: var(--cv2-font-size-button, 13px);font-weight:600;cursor:pointer;transition:all .22s ease;border:none;text-align:center;background:linear-gradient(135deg,var(--cv2-primary),var(--cv2-primary));color:#ffffff;letter-spacing:-.01em}
.sepetsoftware-domain-result.unknown .btn-primary-action:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:767px){.sepetsoftware-domain-result.unavailable > div{grid-template-columns:1fr;gap:14px}.unavail-card{padding:18px 20px}.sepetsoftware-domain-result.available .ticket-content{padding:24px 16px 20px}.sepetsoftware-domain-result.available .ticket-footer{padding:14px 16px;gap:10px}.sepetsoftware-domain-result.unknown .ticket-content{padding:24px 16px 20px}.sepetsoftware-domain-result.unknown .ticket-footer{padding:14px 16px}}
.sepetsoftware-content{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;position:relative;overflow:visible;margin:0 auto 16px;box-sizing:border-box}
.sepetsoftware-table{width:100%;display:block;max-width:var(--CoreV2-container-width);margin:0 auto}
.sepetsoftware-table thead{display:none}
.sepetsoftware-table tbody{display:flex;flex-direction:column;gap:10px}
.sepetsoftware-table tr{display:flex;flex-direction:column;background:var(--sepetsoftware-card-bg);border:1px solid var(--sepetsoftware-border);border-radius: var(--cv2-radius-input, 12px);padding:16px 18px}
.sepetsoftware-table td{display:block;padding:0;border:none}
.sepetsoftware-table td:first-child{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(var(--sepetsoftware-primary-rgb),.06)}
.sepetsoftware-table td:first-child label .sepetsoftware-required{color:var(--cv2-danger);font-weight:700;font-size:14px;line-height:1.2;flex-shrink:0}
.sepetsoftware-table td:first-child label strong{font-size:13px;font-weight:600;color:var(--sepetsoftware-title);display:block;margin-bottom:2px;line-height:1.3}
.sepetsoftware-table td:first-child label p{font-size:11.5px;font-weight:400;color:var(--sepetsoftware-text);margin:2px 0 0;line-height:1.45;opacity:.7}
.sepetsoftware-radio-group,.sepetsoftware-checkbox-group{display:flex;flex-wrap:wrap;gap:8px}
.sepetsoftware-wrapper .sepetsoftware-table .sepetsoftware-radio-group .sepetsoftware-radio-label,
.sepetsoftware-wrapper .sepetsoftware-table .sepetsoftware-checkbox-group .sepetsoftware-checkbox-label,
.sepetsoftware-wrapper .sepetsoftware-content .sepetsoftware-radio-label,
.sepetsoftware-wrapper .sepetsoftware-content .sepetsoftware-checkbox-label{display:inline-flex;align-items:center;padding:10px 16px;border:1.5px solid var(--sepetsoftware-border);border-radius:50px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease;background:transparent;background-color:transparent;background-image:none;font-size:13px;font-weight:500;color:var(--sepetsoftware-title);min-height:auto;max-height:none;justify-content:flex-start;flex-wrap:nowrap;position:static;box-shadow:none;vertical-align:baseline}
.sepetsoftware-wrapper .sepetsoftware-table .sepetsoftware-radio-group .sepetsoftware-radio-label:hover,
.sepetsoftware-wrapper .sepetsoftware-table .sepetsoftware-checkbox-group .sepetsoftware-checkbox-label:hover{border-color:rgba(var(--sepetsoftware-primary-rgb),.25);background:transparent}
.sepetsoftware-wrapper .sepetsoftware-table .sepetsoftware-radio-group .sepetsoftware-radio-label:has(input:checked),
.sepetsoftware-wrapper .sepetsoftware-table .sepetsoftware-checkbox-group .sepetsoftware-checkbox-label:has(input:checked),
.sepetsoftware-wrapper .sepetsoftware-content .sepetsoftware-radio-label:has(input:checked),
.sepetsoftware-wrapper .sepetsoftware-content .sepetsoftware-checkbox-label:has(input:checked){border:1.5px dashed rgba(var(--sepetsoftware-primary-rgb),.4);color:var(--sepetsoftware-primary);background-color:rgba(var(--sepetsoftware-primary-rgb),.06)}
.sepetsoftware-radio-label span,.sepetsoftware-checkbox-label span{font-size:13px;line-height:1.3;margin-left:4px}
.sepetsoftware-radio-label span strong,.sepetsoftware-checkbox-label span strong{font-weight:600;color:var(--sepetsoftware-primary)}
.sepetsoftware-radio-custom,.sepetsoftware-checkbox-custom{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;flex-shrink:0;margin:0 10px 0 0;position:relative;cursor:pointer;border:2px solid var(--sepetsoftware-border);background:rgba(0,0,0,.02);transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}
.sepetsoftware-radio-custom{border-radius:50%}
.sepetsoftware-checkbox-custom{border-radius:5px}
.sepetsoftware-radio-custom:hover,.sepetsoftware-checkbox-custom:hover{border-color:rgba(var(--sepetsoftware-primary-rgb),.35)}
.sepetsoftware-radio-custom:checked{background:var(--sepetsoftware-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:10px;border-color:var(--sepetsoftware-primary)}
.sepetsoftware-checkbox-custom:checked{background:var(--sepetsoftware-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:11px;border-color:var(--sepetsoftware-primary)}
[data-theme="dark"] .sepetsoftware-radio-custom,[data-theme="dark"] .sepetsoftware-checkbox-custom{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}
[data-theme="dark"] .sepetsoftware-radio-custom:hover,[data-theme="dark"] .sepetsoftware-checkbox-custom:hover{border-color:rgba(var(--sepetsoftware-primary-rgb),.4)}
[data-theme="dark"] .sepetsoftware-radio-custom:checked{background:var(--sepetsoftware-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:10px;border-color:var(--sepetsoftware-primary)}
[data-theme="dark"] .sepetsoftware-checkbox-custom:checked{background:var(--sepetsoftware-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:11px;border-color:var(--sepetsoftware-primary)}
.sepetsoftware-wrapper .sepetsoftware-radio-label::before,.sepetsoftware-wrapper .sepetsoftware-radio-label::after,.sepetsoftware-wrapper .sepetsoftware-checkbox-label::before,.sepetsoftware-wrapper .sepetsoftware-checkbox-label::after{display:none;content:none;position:static;width:0;height:0;border:none;background:none}
.sepetsoftware-content .sepetsoftware-form-select{font-size:13px;padding:9px 12px;border-radius: var(--cv2-radius-input, 9px);border:1.5px solid var(--sepetsoftware-border);background:var(--sepetsoftware-card-bg);color:var(--sepetsoftware-title);width:100%;max-width:340px;box-sizing:border-box}
.sepetsoftware-content .sepetsoftware-form-input,.sepetsoftware-content .sepetsoftware-form-textarea{box-sizing:border-box}
.sepetsoftware-content .sepetsoftware-form-label{font-size:13px;font-weight:500;margin-bottom:6px;display:block}
.sepetsoftware-content .sepetsoftware-form-label strong{font-weight:600;font-size:13px}
.sepetsoftware-content .sepetsoftware-form-group{margin-bottom:10px;background:var(--header-action-gradient);border:1px solid var(--header-action-border);border-radius: var(--cv2-radius-input, 12px);padding:16px 18px}
.sepetsoftware-content h2,.sepetsoftware-content h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--sepetsoftware-title)}
.sepetsoftware-button:active{transform:translateY(0)}
.btn-arrow{display:inline-flex;align-items:center;margin-left:6px;transition:transform .2s ease}
.sepetsoftware-button:hover .btn-arrow{transform:translateX(3px)}
@media(max-width:767px){.sepetsoftware-center .sepetsoftware-button{width:100%;padding:12px 16px;font-size: var(--cv2-font-size-button, 13px);border-radius: var(--cv2-radius-btn, 12px)}.sepetsoftware-center{padding:10px 0 4px}}
@media(max-width:767px){.sepetsoftware-content{max-width:100%;padding:0 8px}.sepetsoftware-table tbody{gap:8px}.sepetsoftware-table tr{padding:14px 12px;border-radius: var(--cv2-radius-input, 11px)}.sepetsoftware-table td:first-child{margin-bottom:8px;padding-bottom:8px}.sepetsoftware-table td:first-child label strong{font-size:12.5px}.sepetsoftware-table td:first-child label p{font-size:11px}.sepetsoftware-radio-group,.sepetsoftware-checkbox-group{gap:6px}.sepetsoftware-wrapper .sepetsoftware-table .sepetsoftware-radio-group .sepetsoftware-radio-label,.sepetsoftware-wrapper .sepetsoftware-table .sepetsoftware-checkbox-group .sepetsoftware-checkbox-label,.sepetsoftware-wrapper .sepetsoftware-content .sepetsoftware-radio-label,.sepetsoftware-wrapper .sepetsoftware-content .sepetsoftware-checkbox-label{padding:9px 14px;font-size:12px}.sepetsoftware-radio-label span,.sepetsoftware-checkbox-label span{font-size:12px}.sepetsoftware-content .sepetsoftware-form-group{padding:12px 14px;border-radius: var(--cv2-radius-input, 11px)}.sepetsoftware-content .sepetsoftware-form-select{max-width:100%}}
.sepetsoftware-hosting-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:var(--CoreV2-container-width);margin:0 auto}
@media(max-width:767px){.sepetsoftware-hosting-cards{grid-template-columns:1fr;gap:12px}}
.sw-hosting-btn{width:100%;background:var(--sepetsoftware-primary-gradient);color:#ffffff;border:none;padding:12px 16px;border-radius: var(--cv2-radius-btn, 12px);font-size: var(--cv2-font-size-button, 13px);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .22s ease;outline:2px solid rgba(var(--sepetsoftware-primary-rgb),.22);outline-offset:3px;box-shadow:none;letter-spacing:-.01em}
.sw-hosting-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.sw-hosting-btn:active{transform:translateY(0)}
.sw-hosting-btn.gray{background:rgba(var(--cv2-primary-rgb),.08);color:#64748b;border:1.5px solid rgba(var(--cv2-primary-rgb),.18);outline:2px solid rgba(var(--cv2-primary-rgb),.12);outline-offset:3px}
.sw-hosting-btn.gray:hover{background:rgba(var(--cv2-primary-rgb),.16);border-color:rgba(var(--cv2-primary-rgb),.3)}
[data-theme="dark"] .sw-hosting-btn.gray{background:rgba(255,255,255,.05);color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}
.sw-hosting-info-box{background:var(--header-action-gradient);border-radius: var(--cv2-radius-input, 12px);padding:14px 16px;margin-bottom:16px;border:1px solid var(--header-action-border);display:flex;align-items:flex-start;gap:10px}
.sw-hosting-info-icon{flex-shrink:0;width:30px;height:30px;background:rgba(var(--sepetsoftware-primary-rgb),.1);border-radius: var(--cv2-radius-input, 8px);display:flex;align-items:center;justify-content:center;color:var(--sepetsoftware-primary);font-size:13px}
.sw-hosting-info-text{color:var(--sepetsoftware-text);font-size:13px;line-height:1.6}
.sepetsoftware-wrapper{padding-left:10px;padding-right:10px}
.sw-custom-select{position:relative;width:100%;user-select:none;z-index:9999}
.sw-custom-select select{display:none}
.sw-cs-trigger{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:var(--sepetsoftware-card-bg);border:1.5px solid var(--sepetsoftware-border);border-radius: var(--cv2-radius-card, 14px);cursor:pointer;font-size:14px;font-weight:500;color:var(--sepetsoftware-title);transition:border-color .2s ease,background .2s ease;gap:10px}
.sw-cs-trigger:hover{border-color:rgba(var(--sepetsoftware-primary-rgb),.3)}
.sw-cs-trigger.open{border-color:rgba(var(--sepetsoftware-primary-rgb),.35);border-bottom-color:transparent;border-radius:12px 12px 0 0;background:var(--header-action-gradient)}
.sw-cs-arrow{width:26px;height:26px;border-radius:50%;background:rgba(var(--sepetsoftware-primary-rgb),.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease,background .2s ease;color:var(--sepetsoftware-primary);font-size:11px;border:none;outline:none}
.sw-cs-trigger.open .sw-cs-arrow{transform:rotate(180deg);background:rgba(var(--sepetsoftware-primary-rgb),.15)}
.sw-cs-panel{position:absolute;top:calc(100% - 2px);left:0;right:0;background:var(--sepetsoftware-card-bg);border:1.5px solid rgba(var(--sepetsoftware-primary-rgb),.35);border-top:none;border-radius:0 0 14px 14px;z-index:9999;max-height:294px;overflow-y:auto;display:none;box-shadow: none;padding:6px 0 8px}
.sw-cs-panel::-webkit-scrollbar{width:4px}
.sw-cs-panel::-webkit-scrollbar-track{background:transparent}
.sw-cs-panel::-webkit-scrollbar-thumb{background:rgba(var(--sepetsoftware-primary-rgb),.2);border-radius: var(--cv2-radius-input, 4px)}
.sw-cs-panel.open{display:block;animation:swStepFadeIn .18s ease}
.sw-cs-group-label{display:flex;align-items:center;gap:8px;padding:12px 16px 5px;font-size:10.5px;font-weight:700;color:var(--sepetsoftware-primary);text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.sw-cs-group-label::after{content:'';flex:1;height:1px;background:rgba(var(--sepetsoftware-primary-rgb),.1)}
.sw-cs-option{padding:9px 18px 9px 22px;font-size:13px;font-weight:500;color:var(--sepetsoftware-title);cursor:pointer;transition:background .15s ease,color .15s ease,padding-left .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius: var(--cv2-radius-input, 8px);margin:1px 8px}
.sw-cs-option:hover{background:rgba(var(--sepetsoftware-primary-rgb),.08);color:var(--sepetsoftware-primary);padding-left:26px}
.sw-cs-option.selected{background:rgba(var(--sepetsoftware-primary-rgb),.12);color:var(--sepetsoftware-primary);font-weight:600;padding-left:26px}
.sw-cs-option.selected::before{content:'✓';margin-right:6px;font-size:11px}
[data-theme="dark"] .sw-cs-trigger{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .sw-cs-panel{background:#1e293b;border-color:rgba(var(--sepetsoftware-primary-rgb),.2);box-shadow:0 16px 40px rgba(0,0,0,.5)}
[data-theme="dark"] .sw-cs-option:hover{background:rgba(var(--sepetsoftware-primary-rgb),.12)}
[data-theme="dark"] .sw-cs-option.selected{background:rgba(var(--sepetsoftware-primary-rgb),.15)}
.sepetsoftware-ticket-card{background:var(--sepetsoftware-card-bg);border:1px solid var(--sepetsoftware-border);border-radius: var(--cv2-radius-card, 18px);overflow:visible;transition:border-color .25s ease}
.sepetsoftware-ticket-card:hover{border-color:rgba(var(--sepetsoftware-primary-rgb),.2)}
.sepetsoftware-ticket-header{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--sepetsoftware-border);position:relative;overflow:hidden}
.sepetsoftware-ticket-header::after{content:'';position:absolute;right:-20px;top:-20px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(var(--sepetsoftware-primary-rgb),.07) 0%,transparent 70%);pointer-events:none}
.sepetsoftware-ticket-header-icon{width:50px;height:50px;border-radius: var(--cv2-radius-card, 14px);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.sepetsoftware-ticket-header.header-blue .sepetsoftware-ticket-header-icon{background:linear-gradient(135deg,rgba(var(--sepetsoftware-primary-rgb),.14),rgba(var(--sepetsoftware-primary-rgb),.06));border:1.5px solid rgba(var(--sepetsoftware-primary-rgb),.2);color:var(--sepetsoftware-primary)}
.sepetsoftware-ticket-header.header-gray .sepetsoftware-ticket-header-icon{background:rgba(var(--cv2-primary-rgb),.08);border:1.5px solid rgba(var(--cv2-primary-rgb),.15);color:#64748b}
.sepetsoftware-ticket-header h3{font-size:15px;font-weight:700;color:var(--sepetsoftware-title);margin:0;letter-spacing:-.02em}
.sepetsoftware-ticket-body{padding:22px;overflow:visible;position:relative;z-index:1}
[data-theme="dark"] .sepetsoftware-ticket-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .sepetsoftware-ticket-header{border-bottom-color:rgba(255,255,255,.07)}
@media(max-width:767px){.sepetsoftware-ticket-header{padding:14px 16px;gap:12px}.sepetsoftware-ticket-header-icon{width:38px;height:38px;font-size:1.1rem;border-radius: var(--cv2-radius-input, 10px)}.sepetsoftware-ticket-header h3{font-size:14px}.sepetsoftware-ticket-body{padding:16px}}
.sepetsoftware-form-grid{display:flex;flex-direction:column;gap:10px}
.sepetsoftware-form-group{margin-bottom:0;background:var(--header-action-gradient);border:1px solid var(--header-action-border);border-radius: var(--cv2-radius-card, 16px);padding:18px 20px;width:100%;box-sizing:border-box;position:relative}
.sepetsoftware-form-label{display:block;margin-bottom:10px;font-weight:600;color:var(--sepetsoftware-title);font-size:13px}
.sepetsoftware-required{color:var(--cv2-danger);margin-right:4px;font-weight:700}
.sepetsoftware-form-input,.sepetsoftware-form-textarea{width:100%;padding:12px 16px;border-radius: var(--cv2-radius-input, 12px);border:1.5px solid var(--sepetsoftware-border);background:var(--sepetsoftware-card-bg);color:var(--sepetsoftware-title);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none;font-family:inherit}
.sepetsoftware-form-input:focus,.sepetsoftware-form-textarea:focus{border-color:var(--sepetsoftware-primary);box-shadow:0 0 0 3px rgba(var(--sepetsoftware-primary-rgb),.1)}
.sepetsoftware-form-textarea{min-height:100px;resize:vertical;line-height:1.6}
[data-theme="dark"] .sepetsoftware-form-input,[data-theme="dark"] .sepetsoftware-form-textarea{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.85)}
[data-theme="dark"] .sepetsoftware-form-input:focus,[data-theme="dark"] .sepetsoftware-form-textarea:focus{border-color:var(--sepetsoftware-primary);box-shadow:0 0 0 3px rgba(var(--sepetsoftware-primary-rgb),.15)}
@media(max-width:767px){.sepetsoftware-form-group{padding:14px 14px;border-radius: var(--cv2-radius-card, 14px)}.sepetsoftware-form-input,.sepetsoftware-form-textarea{padding:11px 14px;font-size:13px;border-radius: var(--cv2-radius-input, 10px)}}
input[type="file"].sepetsoftware-form-input{display:none}
.sepetsoftware-file-wrapper{position:relative;width:100%}
.sepetsoftware-file-label{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,rgba(var(--sepetsoftware-primary-rgb),.06),rgba(var(--sepetsoftware-primary-rgb),.02));border:1.5px dashed rgba(var(--sepetsoftware-primary-rgb),.3);border-radius: var(--cv2-radius-card, 14px);cursor:pointer;transition:all .22s ease;color:var(--sepetsoftware-title)}
.sepetsoftware-file-label:hover{background:linear-gradient(135deg,rgba(var(--sepetsoftware-primary-rgb),.1),rgba(var(--sepetsoftware-primary-rgb),.05));border-color:rgba(var(--sepetsoftware-primary-rgb),.5);transform:translateY(-1px)}
.sepetsoftware-file-label.has-files{border-style:solid;border-color:rgba(var(--sepetsoftware-primary-rgb),.4);background:rgba(var(--sepetsoftware-primary-rgb),.06)}
.sepetsoftware-file-icon{width:38px;height:38px;border-radius: var(--cv2-radius-input, 10px);background:rgba(var(--sepetsoftware-primary-rgb),.1);border:1.5px solid rgba(var(--sepetsoftware-primary-rgb),.2);display:flex;align-items:center;justify-content:center;color:var(--sepetsoftware-primary);font-size:1.1rem;flex-shrink:0;transition:background .2s ease}
.sepetsoftware-file-label:hover .sepetsoftware-file-icon{background:rgba(var(--sepetsoftware-primary-rgb),.18)}
.sepetsoftware-file-text{flex:1;min-width:0}
.sepetsoftware-file-title{font-size:13px;font-weight:600;color:var(--sepetsoftware-title);display:block;margin-bottom:2px}
.sepetsoftware-file-hint{font-size:11.5px;color:var(--sepetsoftware-text);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sepetsoftware-file-selected{font-size:12px;color:var(--sepetsoftware-primary);font-weight:500;margin-top:6px;display:none;align-items:center;gap:5px}
[data-theme="dark"] .sepetsoftware-file-label{background:rgba(var(--sepetsoftware-primary-rgb),.05);border-color:rgba(var(--sepetsoftware-primary-rgb),.2)}
[data-theme="dark"] .sepetsoftware-file-label:hover{background:rgba(var(--sepetsoftware-primary-rgb),.1)}
@media(max-width:767px){.sepetsoftware-file-label{padding:12px 14px;border-radius: var(--cv2-radius-input, 12px)}.sepetsoftware-file-icon{width:34px;height:34px;font-size:1rem}}
.sepetsoftware-form-description{font-size:12px;color:var(--sepetsoftware-text);font-weight:400;margin-top:3px;line-height:1.5;opacity:.8}
.sepetsoftware-form-label strong{font-size:13px;font-weight:600;color:var(--sepetsoftware-title)}
.sepetsoftware-center{display:flex;justify-content:flex-end;align-items:center;text-align:right;padding:0 8px 4px;background:transparent}
.sepetsoftware-center .sepetsoftware-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 32px;border-radius: var(--cv2-radius-btn, 13px);font-size: var(--cv2-font-size-button, 14px);font-weight:600;background:var(--sepetsoftware-primary-gradient);color:#ffffff;border:none;cursor:pointer;outline:2px solid rgba(var(--sepetsoftware-primary-rgb),.2);outline-offset:3px;box-shadow:none;transition:all .25s cubic-bezier(.4,0,.2,1)}
.sepetsoftware-center .sepetsoftware-button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.sepetsoftware-error{color:var(--cv2-danger);padding:12px 16px 12px 20px;background-color:rgba(var(--cv2-primary-rgb),.08);border-radius: var(--cv2-radius-input, 8px);position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:swStepFadeIn .3s ease;display:none;margin-top:15px}
.sepetsoftware-error::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--cv2-danger);border-radius:0 2px 2px 0}
.sepetsoftware-success{color:var(--cv2-success);margin-top:15px;padding:12px 16px 12px 20px;background-color:rgba(var(--cv2-primary-rgb),.08);border-radius: var(--cv2-radius-input, 8px);display:none;position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:swStepFadeIn .3s ease}
.sepetsoftware-success::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--cv2-success);border-radius:0 2px 2px 0}

/* === INLINE FROM order-steps-sms.php : order-steps-sms.php === */
/* style block #1 */
/* Renkler: css/cv2-color-system.css → .sepetsms-wrapper */
@keyframes smsStepFadeIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@keyframes smsStepCheckPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}
@keyframes smsStepPulseRing{0%{box-shadow:0 0 0 0 rgba(var(--sepetsms-primary-rgb),.35)}70%{box-shadow:0 0 0 10px rgba(var(--sepetsms-primary-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--sepetsms-primary-rgb),0)}}
@keyframes smsStepShine{0%{background-position:200% center}100%{background-position:-200% center}}
.sepetsms-steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 40px;position:relative;padding:0 10px;max-width:none}
.sepetsms-steps-container .sepetsms-step{flex:1 1 160px;max-width:200px;animation:smsStepFadeIn .5s ease both;position:relative}
.sepetsms-steps-container .sepetsms-step:nth-child(1){animation-delay:.05s}
.sepetsms-steps-container .sepetsms-step:nth-child(2){animation-delay:.12s}
.sepetsms-steps-container .sepetsms-step:nth-child(3){animation-delay:.19s}
.sepetsms-steps-container .sepetsms-step:nth-child(4){animation-delay:.26s}
.sepetsms-steps-container .sepetsms-step:nth-child(5){animation-delay:.33s}
.sepetsms-step{background:var(--header-action-gradient);border-radius: var(--cv2-radius-card, 14px);padding:20px 16px;text-align:center;border:1px solid var(--header-action-border);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}
.sepetsms-step::before{content:'';position:absolute;top:-2px;left:30%;right:30%;height:3px;background:rgba(var(--sepetsms-primary-rgb),.15);border-radius: var(--cv2-radius-input, 4px);transition:all .4s ease}
.sepetsms-step:hover{transform:translateY(-2px);border-color:rgba(var(--sepetsms-primary-rgb),.2)}
.sepetsms-step-number{width:40px;height:40px;border-radius: var(--cv2-radius-input, 12px);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:15px;font-weight:700;background:rgba(var(--sepetsms-primary-rgb),.06);color:var(--sepetsms-primary);border:1.5px solid rgba(var(--sepetsms-primary-rgb),.12);transition:all .4s cubic-bezier(.4,0,.2,1)}
.sepetsms-step-name{font-size:13px;font-weight:600;color:var(--sepetsms-title);margin-bottom:4px;transition:color .3s}
.sepetsms-step-description{font-size:11px;color:var(--sepetsms-text);line-height:1.4;opacity:.8;transition:all .3s}
.sepetsms-step.active{background:var(--sepetsms-primary-gradient);color:#ffffff;border-color:transparent;transform:translateY(-2px);box-shadow:none}
.sepetsms-step.active::before{height:3px;background:#ffffff;left:28%;right:28%;opacity:.9;top:-2px}
.sepetsms-step.active .sepetsms-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
.sepetsms-step.active .sepetsms-step-name{color:#ffffff}
.sepetsms-step.active .sepetsms-step-description{color:rgba(255,255,255,.8);opacity:1}
.sepetsms-step.completed{background:var(--sepetsms-card-bg);border-color:rgba(var(--sepetsms-primary-rgb),.10);opacity:.55;filter:grayscale(.15)}
.sepetsms-step.completed::before{height:3px;background:var(--sepetsms-primary);left:28%;right:28%;opacity:.7;top:-2px}
.sepetsms-step.completed .sepetsms-step-number{background:rgba(var(--sepetsms-primary-rgb),.1);border-color:rgba(var(--sepetsms-primary-rgb),.2);color:var(--sepetsms-primary);font-size:0}
.sepetsms-step.completed .sepetsms-step-number::after{content:'\2713';font-size:16px;font-weight:700;animation:smsStepCheckPop .4s ease both;display:flex;align-items:center;justify-content:center}
.sepetsms-step.completed .sepetsms-step-name{color:var(--sepetsms-text)}
.sepetsms-step.completed .sepetsms-step-description{color:var(--sepetsms-text);opacity:.5}
.sepetsms-step.completed:hover{opacity:.8;filter:none}
[data-theme="dark"] .sepetsms-step{background:var(--header-action-gradient);border-color:var(--header-action-border)}
[data-theme="dark"] .sepetsms-step::before{background:var(--sepetsms-border)}
[data-theme="dark"] .sepetsms-step.active{background:var(--sepetsms-primary-gradient);border-color:transparent;color:#ffffff}
[data-theme="dark"] .sepetsms-step.active .sepetsms-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetsms-step.active .sepetsms-step-name{color:#ffffff}
[data-theme="dark"] .sepetsms-step.active .sepetsms-step-description{color:rgba(255,255,255,.8)}
[data-theme="dark"] .sepetsms-step.completed{background:rgba(255,255,255,.03);border-color:rgba(var(--sepetsms-primary-rgb),.18);opacity:.6}
[data-theme="dark"] .sepetsms-step.completed .sepetsms-step-number{background:rgba(var(--sepetsms-primary-rgb),.12);border-color:rgba(var(--sepetsms-primary-rgb),.22)}
.sepetsms-step:not(.active):not(.completed){opacity:1;filter:grayscale(1);background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
.sepetsms-step:not(.active):not(.completed):hover{filter:grayscale(.5);border-color:rgba(0,0,0,.1)}
.sepetsms-step:not(.active):not(.completed) .sepetsms-step-number{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.3)}
.sepetsms-step:not(.active):not(.completed) .sepetsms-step-name{color:rgba(0,0,0,.35)}
.sepetsms-step:not(.active):not(.completed) .sepetsms-step-description{color:rgba(0,0,0,.25)}
.sepetsms-step:not(.active):not(.completed)::before{background:rgba(0,0,0,.06)}
[data-theme="dark"] .sepetsms-step:not(.active):not(.completed) .sepetsms-step-number{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.25)}
.sepetsms-content{background-color:transparent;border-radius:0;padding:20px 16px;box-shadow:none;border:none;position:relative;overflow-x:hidden;margin-bottom:20px;box-sizing:border-box;margin-left:auto;margin-right:auto}
@media(max-width:767px){.sepetsms-steps-container{gap:8px;margin-top:75px}.sepetsms-steps-container .sepetsms-step{flex:0 0 calc(50% - 4px);max-width:calc(50% - 4px)}.sepetsms-step{padding:14px 10px}.sepetsms-step-number{width:34px;height:34px;font-size:13px}.sepetsms-step-name{font-size:12px}.sepetsms-step-description{font-size:10px}}
@media(min-width:768px){.sepetsms-steps-container .sepetsms-step{flex:1 1 170px;max-width:200px}.sepetsms-steps-container{gap:14px}}
.sepetsms-period-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;margin:20px auto 30px;padding:0 10px;box-sizing:border-box}
.sepetsms-period-container .sepetsms-period-block{flex:0 0 160px;max-width:160px;width:160px}
@media(max-width:640px){.sepetsms-period-container{gap:10px;padding:0 6px;margin:16px auto 20px}.sepetsms-period-container .sepetsms-period-block{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);width:auto}}
.sepetsms-period-block{background:var(--header-action-gradient);border:1px solid var(--header-action-border);border-radius: var(--cv2-radius-card, 18px);padding:20px 16px 0;text-align:center;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:185px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none;overflow:hidden}
.sepetsms-period-block:not(.active){background:var(--header-action-gradient);border-color:var(--header-action-border)}
.sepetsms-period-block:hover{transform:translateY(-3px);border-color:rgba(var(--sepetsms-primary-rgb),.18)}
.sepetsms-period-block.active{background:var(--sepetsms-primary-gradient);border-color:transparent;box-shadow:none;color:#ffffff;transform:translateY(-3px)}
.sepetsms-period-block.active .sepetsms-period-title,.sepetsms-period-block.active .sepetsms-discount-badge,.sepetsms-period-block.active .sepetsms-period-price,.sepetsms-period-block.active .sepetsms-original-price,.sepetsms-period-block.active .sepetsms-period-setup-fee{color:#ffffff}
.sepetsms-period-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 14px;text-align:center}
.sepetsms-period-title{font-size:13px;font-weight:600;color:var(--sepetsms-title);margin-bottom:6px}
.sepetsms-discount-badge{display:inline-block;background:rgba(var(--sepetsms-primary-rgb),.08);color:var(--sepetsms-primary);font-size: var(--cv2-font-size-button, 10px);font-weight:700;padding:2px 7px;border-radius: var(--cv2-radius-btn, 10px);border:1.5px dashed rgba(var(--sepetsms-primary-rgb),.3);margin-bottom:6px;letter-spacing:.01em}
.sepetsms-period-block.active .sepetsms-discount-badge{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.7)}
.sepetsms-original-price{font-size:13px;color:var(--sepetsms-text);text-decoration:line-through;opacity:.6;margin-top:2px;display:block}
.sepetsms-period-price{font-size:22px;font-weight:700;color:var(--sepetsms-title);display:block;letter-spacing:-.02em;line-height:1.2}
.sepetsms-period-setup-fee{font-size:11px;color:var(--sepetsms-text);margin-top:6px;opacity:.7;font-weight:500}
.sepetsms-period-footer{border-top:1px dashed rgba(var(--sepetsms-primary-rgb),.12);padding:10px;margin-top:auto}
.sepetsms-select-indicator{width:24px;height:24px;border-radius:50%;border:2px solid var(--sepetsms-border);display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .25s cubic-bezier(.4,0,.2,1);color:transparent;font-size:12px;background:transparent}
.sepetsms-period-block.active .sepetsms-select-indicator{background:transparent;border-color:transparent;color:#ffffff;transform:scale(1.08);box-shadow:none}
.sepetsms-period-block.active .sepetsms-select-indicator i{color:#ffffff;font-weight:700;font-size:12px;animation:smsStepCheckPop .3s ease both}
.sepetsms-discount-ribbon{position:absolute;top:12px;right:-30px;padding:5px 30px;background:var(--sepetsms-primary);color:white;font-size:12px;transform:rotate(45deg);box-shadow: none;font-weight:600;z-index:1}
.sepetsms-accordion-header{background-color:var(--sepetsms-card-hover);padding:15px 20px;cursor:pointer;border:1px solid var(--sepetsms-border);display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--sepetsms-title);transition:all 0.3s ease;border-radius: var(--cv2-radius-input, 12px)}.sepetsms-accordion-header:hover{background-color:var(--sepetsms-primary-bg)}.sepetsms-accordion-header.active{background-color:var(--sepetsms-primary);color:white;border-color:var(--sepetsms-primary)}.sepetsms-accordion-header.active .sepetsms-accordion-icon{transform:rotate(180deg)}.sepetsms-accordion-content{padding:20px;border:1px solid var(--sepetsms-border);border-top:none;background-color:var(--sepetsms-card-bg);border-radius:0 0 12px 12px;display:none}
.sepetsms-float-group{position:relative;margin-bottom:18px}
.sepetsms-float-group .sepetsms-form-input,.sepetsms-float-group .sepetsms-form-select{padding-top:14px;padding-bottom:14px;height:56px;background:var(--sepetsms-card-bg);border:1.5px solid var(--sepetsms-border);border-radius:8px;font-size:14px;box-shadow:none;color:var(--sepetsms-title)}
.sepetsms-float-group .sepetsms-form-input:focus{border-color:var(--sepetsms-primary);box-shadow:none}
.sepetsms-float-group .sepetsms-form-input:-webkit-autofill,
.sepetsms-float-group .sepetsms-form-input:-webkit-autofill:hover,
.sepetsms-float-group .sepetsms-form-input:-webkit-autofill:focus{
  -webkit-box-shadow: none;important;
  -webkit-text-fill-color:var(--sepetsms-title);
  border-color:var(--sepetsms-border);
  transition:background-color 5000s ease-in-out 0s
}
[data-theme="dark"] .sepetsms-float-group .sepetsms-form-input:-webkit-autofill,
[data-theme="dark"] .sepetsms-float-group .sepetsms-form-input:-webkit-autofill:hover,
[data-theme="dark"] .sepetsms-float-group .sepetsms-form-input:-webkit-autofill:focus{
  -webkit-box-shadow: none;important;
  -webkit-text-fill-color:#e2e8f0
}
.sepetsms-float-group .sepetsms-float-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--sepetsms-text);pointer-events:none;transition:all .15s cubic-bezier(.4,0,.2,1);padding:0 4px;z-index:2;white-space:nowrap;background:var(--sepetsms-card-bg);backdrop-filter:none}
.sepetsms-float-group .sepetsms-form-input:focus ~ .sepetsms-float-label,
.sepetsms-float-group .sepetsms-form-input:not(:placeholder-shown) ~ .sepetsms-float-label,
.sepetsms-float-group.has-value .sepetsms-float-label{
  top:0;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--sepetsms-primary)
}
.sepetsms-float-group .sepetsms-form-input:not(:placeholder-shown):not(:focus) ~ .sepetsms-float-label{
  color:var(--sepetsms-text)
}
[data-theme="dark"] .sepetsms-float-group .sepetsms-float-label{background:#1e293b}
[data-theme="dark"] .sepetsms-float-group .sepetsms-form-input{color:#e2e8f0}
.ui-datepicker{z-index:9999;background:var(--sepetsms-card-bg);border:1.5px solid var(--sepetsms-border);border-radius:16px;box-shadow:none;padding:14px;font-size:13px;width:300px;overflow:hidden;font-family:inherit}
@media(max-width:480px){.ui-datepicker{position:fixed;width:calc(100vw - 48px);left:24px;right:24px;top:50%;transform:translateY(-50%);border-radius:14px;padding:12px}
.ui-datepicker td a,.ui-datepicker td span{width:28px;height:28px;font-size:12px}
.ui-datepicker-header{padding:6px 8px}}
.ui-datepicker-header{background:var(--sepetsms-primary);border:none;border-radius:10px;padding:8px 10px;margin-bottom:12px;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:6px;position:relative}
.ui-datepicker-prev{position:static;float:none;top:auto;left:auto;right:auto;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;grid-column:1;padding:0}
.ui-datepicker-next{position:static;float:none;top:auto;left:auto;right:auto;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;grid-column:3;padding:0}
.ui-datepicker-prev span,.ui-datepicker-next span{display:none}
.ui-datepicker-prev::after{content:'\2039';color:#ffffff;font-size:20px;font-weight:700;line-height:1}
.ui-datepicker-next::after{content:'\203A';color:#ffffff;font-size:20px;font-weight:700;line-height:1}
.ui-datepicker-prev:hover,.ui-datepicker-next:hover{background:rgba(255,255,255,.35)}
.ui-datepicker-title{grid-column:2;display:flex;align-items:center;justify-content:center;gap:6px}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{background:rgba(255,255,255,.22);color:#ffffff;border:none;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;position:relative}
.ui-datepicker select.ui-datepicker-month{min-width:90px}
.ui-datepicker select.ui-datepicker-year{min-width:72px}
.dp-custom-panel{position:absolute;top:calc(100% + 6px);background:var(--sepetsms-card-bg);border:1.5px solid var(--sepetsms-border);border-radius: var(--cv2-radius-input, 12px);overflow:hidden;z-index:99999;min-width:110px;max-height:220px;overflow-y:auto;box-shadow:none;scrollbar-width:thin;scrollbar-color:rgba(var(--sepetsms-primary-rgb),.3) transparent}
.dp-custom-panel::-webkit-scrollbar{width:4px}
.dp-custom-panel::-webkit-scrollbar-track{background:transparent}
.dp-custom-panel::-webkit-scrollbar-thumb{background:rgba(var(--sepetsms-primary-rgb),.3);border-radius: var(--cv2-radius-input, 4px)}
.dp-custom-option{padding:8px 14px;font-size:13px;cursor:pointer;color:var(--sepetsms-title);transition:background .12s;white-space:nowrap;border-radius:0}
.dp-custom-option:hover{background:rgba(var(--sepetsms-primary-rgb),.1);color:var(--sepetsms-primary)}
.dp-custom-option.selected{background:var(--sepetsms-primary);color:#ffffff;font-weight:700}
[data-theme="dark"] .dp-custom-panel{background:#1e293b;border-color:#334155}
[data-theme="dark"] .dp-custom-option{color:#e2e8f0}
[data-theme="dark"] .dp-custom-option:hover{background:rgba(var(--sepetsms-primary-rgb),.15)}
.ui-datepicker table{width:100%;border-collapse:separate;border-spacing:3px}
.ui-datepicker th{padding:6px 2px;text-align:center;font-size:11px;font-weight:700;color:var(--sepetsms-text);letter-spacing:.03em;text-transform:uppercase}
.ui-datepicker td{padding:2px;text-align:center}
.ui-datepicker td a,.ui-datepicker td span{display:flex;align-items:center;justify-content:center;border-radius:50%;width:34px;height:34px;margin:0 auto;color:var(--sepetsms-title);text-decoration:none;font-size:13px;transition:background .12s ease,color .12s ease;border:none;background:transparent;font-weight:500}
.ui-datepicker td a:hover{background:rgba(var(--sepetsms-primary-rgb),.12);color:var(--sepetsms-primary);border-radius:50%}
.ui-datepicker td.ui-datepicker-today a{background:rgba(var(--sepetsms-primary-rgb),.12);color:var(--sepetsms-primary);font-weight:700;border-radius:50%}
.ui-datepicker td.ui-state-active a,.ui-datepicker td .ui-state-active{background:var(--sepetsms-primary);color:#ffffff;font-weight:700;border-radius:50%}
.ui-datepicker td.ui-datepicker-other-month a{color:var(--sepetsms-text);opacity:.3}
.ui-datepicker td.ui-datepicker-unselectable span{opacity:.2}
[data-theme="dark"] .ui-datepicker{background:#1e293b;border-color:#334155}
[data-theme="dark"] .ui-datepicker td a,[data-theme="dark"] .ui-datepicker th{color:#cbd5e1}
[data-theme="dark"] .ui-datepicker select.ui-datepicker-month option,[data-theme="dark"] .ui-datepicker select.ui-datepicker-year option{background:#1e293b;color:#e2e8f0}
.sepetsms-table{overflow:visible}
.sepetsms-table td{vertical-align:middle}
@media(max-width:600px){.sepetsms-table thead{display:none}.sepetsms-table tbody tr{display:flex;flex-direction:column;margin-bottom:12px;border:1px solid var(--sepetsms-border);border-radius: var(--cv2-radius-input, 10px);overflow:hidden}.sepetsms-table tbody td{display:block;width:100%;padding:8px 14px;border-bottom:none}.sepetsms-table tbody td:first-child{padding-bottom:2px;font-size:12px;opacity:.7}.sepetsms-table tbody td:last-child{padding-top:4px}}
.sepetsms-form-group{margin-bottom:20px}.sepetsms-form-label{display:block;margin-bottom:10px;font-weight:600;color:var(--sepetsms-title)}.sepetsms-form-description{font-size:13px;color:var(--sepetsms-text);opacity:0.8;margin-top:4px;font-weight:400}.sepetsms-form-input,.sepetsms-form-textarea,.sepetsms-form-select{width:100%;padding:14px 18px;border:1.5px solid var(--sepetsms-border);border-radius: var(--cv2-radius-input, 10px);font-size:15px;transition:all 0.2s ease;background-color:var(--sepetsms-card-bg);color:var(--sepetsms-text)}.sepetsms-form-input:focus,.sepetsms-form-textarea:focus,.sepetsms-form-select:focus{border-color:var(--sepetsms-primary);box-shadow: none;outline:none}.sepetsms-form-input::placeholder{color:var(--sepetsms-text);opacity:0.5}.sepetsms-form-textarea{min-height:100px;resize:vertical}.sepetsms-form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%239CA3AF'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:20px;cursor:pointer}
.sepetsms-radio-group,.sepetsms-checkbox-group{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.sepetsms-radio-label,.sepetsms-checkbox-label{background:var(--sepetsms-card-bg,white);padding:12px 16px 12px 54px;min-height:60px;border:1px solid rgba(0,0,0,0.04);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-radius: var(--cv2-radius-input, 10px);transition:all 0.2s ease;position:relative;cursor:pointer}.sepetsms-radio-label span.text,.sepetsms-checkbox-label span.text{font-weight:500;color:var(--sepetsms-text);font-size:14px;flex:1;min-width:0}.sepetsms-radio-label .price,.sepetsms-checkbox-label .price{font-size:14px;font-weight:600;color:var(--sepetsms-title);white-space:nowrap}.sepetsms-radio-label::before,.sepetsms-checkbox-label::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);height:22px;width:22px;min-width:22px;border:2px solid rgba(var(--sepetsms-primary-rgb),0.25);border-radius:50%;background:var(--sepetsms-card-bg);transition:all 0.2s ease}.sepetsms-radio-label::after,.sepetsms-checkbox-label::after{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);height:10px;width:10px;background:var(--sepetsms-primary);border-radius:50%;transition:all 0.2s ease;opacity:0}.sepetsms-radio-label:hover::before,.sepetsms-checkbox-label:hover::before{border-color:var(--sepetsms-primary)}.sepetsms-radio-label.selected::before,.sepetsms-checkbox-label.selected::before,.sepetsms-radio-label:has(input:checked)::before,.sepetsms-checkbox-label:has(input:checked)::before{border-color:var(--sepetsms-primary);background:rgba(var(--sepetsms-primary-rgb),0.05)}.sepetsms-radio-label.selected::after,.sepetsms-checkbox-label.selected::after,.sepetsms-radio-label:has(input:checked)::after,.sepetsms-checkbox-label:has(input:checked)::after{opacity:1}.sepetsms-radio-custom,.sepetsms-checkbox-custom{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
@media (max-width:768px){.sepetsms-radio-group,.sepetsms-checkbox-group{grid-template-columns:1fr;gap:10px}}
.sepetsms-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:30px;border-radius: var(--cv2-radius-input, 12px);overflow:hidden;box-shadow:var(--sepetsms-shadow)}.sepetsms-table th{background-color:var(--sepetsms-card-hover);padding:15px 20px;text-align:left;font-weight:600;color:var(--sepetsms-title);border-bottom:1px solid var(--sepetsms-border);font-size:15px}.sepetsms-table td{padding:15px 20px;border-bottom:1px solid var(--sepetsms-border);background-color:var(--sepetsms-card-bg);color:var(--sepetsms-text);vertical-align:top}.sepetsms-table tr:last-child td{border-bottom:none}.sepetsms-table tr:hover td{background-color:var(--sepetsms-card-hover)}
.sepetsms-range-slider{margin-top:20px;padding:20px;background-color:var(--sepetsms-card-hover);border-radius: var(--cv2-radius-input, 12px);border:1px solid var(--sepetsms-border)}
.sepetsms-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 28px;background:var(--sepetsms-primary);color:white;font-weight:700;border-radius: var(--cv2-radius-btn, 10px);text-decoration:none;text-align:center;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(0,0,0,0.04);min-width:0;width:auto;position:relative;overflow:hidden;box-shadow:none;font-size:15px;letter-spacing:0.2px;z-index:1;outline:2px solid rgba(var(--sepetsms-primary-rgb),.25);outline-offset:3px}.sepetsms-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;z-index:-1}.sepetsms-button:hover::before{left:100%}.sepetsms-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(var(--sepetsms-primary-rgb),0.4),0 0 20px rgba(var(--sepetsms-primary-rgb),0.15)}.sepetsms-button:active{transform:translateY(0) scale(0.98)}.sepetsms-button .btn-arrow{display:inline-flex;align-items:center;transition:transform 0.3s ease}.sepetsms-button:hover .btn-arrow{transform:translateX(4px)}.sepetsms-button.loading{pointer-events:none;opacity:0.85}
@keyframes sepetsms-btn-pulse{0%,100%{box-shadow:0 4px 15px rgba(var(--sepetsms-primary-rgb),0.3)}50%{box-shadow:0 4px 25px rgba(var(--sepetsms-primary-rgb),0.5),0 0 30px rgba(var(--sepetsms-primary-rgb),0.2)}}
.sepetsms-center{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:0;gap:10px;padding:0}.sepetsms-center .sepetsms-button{animation:sepetsms-btn-pulse 2.5s ease-in-out infinite;box-shadow:none}.sepetsms-center .sepetsms-button:hover{animation:none}
.sepetsms-error{color:var(--sepetsms-danger);margin-top:15px;padding:12px 16px 12px 20px;background-color:var(--sepetsms-danger-bg);border-radius: var(--cv2-radius-input, 8px);display:none;position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:fadeIn 0.3s ease}.sepetsms-error::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--sepetsms-danger);border-radius:0 2px 2px 0}
.sepetsms-required{color:var(--sepetsms-danger);margin-right:4px;font-weight:bold}
.sepetsms-shimmer{display:inline-block;width:100%;height:20px;background:linear-gradient(90deg,rgba(var(--sepetsms-primary-rgb),0.1) 0%,rgba(var(--sepetsms-primary-rgb),0.2) 50%,rgba(var(--sepetsms-primary-rgb),0.1) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius: var(--cv2-radius-input, 6px)}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.sepetsms-success{color:var(--cv2-success);margin-top:15px;padding:12px 16px 12px 20px;background-color:rgba(var(--cv2-primary-rgb),.08);border-radius: var(--cv2-radius-input, 8px);display:none;position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:fadeIn .3s ease}.sepetsms-success::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--cv2-success);border-radius:0 2px 2px 0}
.sepetsms-form-input[type="date"]{color-scheme:light;background:var(--header-action-gradient);border:1.5px solid var(--header-action-border);border-radius: var(--cv2-radius-input, 10px);padding:12px 16px;font-size:14px;color:var(--sepetsms-title);cursor:pointer}
.sepetsms-form-input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(0.4);cursor:pointer;width:18px;height:18px}
[data-theme="dark"] .sepetsms-form-input[type="date"]{color-scheme:dark}
[data-theme="dark"] .sepetsms-form-input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(0.7)}
[data-theme="dark"] .sepetsms-form-select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%2394a3b8'/%3E%3C/svg%3E")}
[data-theme="dark"] .sepetsms-period-footer{border-top-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .sepetsms-select-indicator{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.5)}
[data-theme="dark"] .sepetsms-step:not(.active):not(.completed){background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06)}
[data-theme="dark"] .sepetsms-step.active{background:var(--sepetsms-primary-gradient);border-color:transparent}
[data-theme="dark"] .sepetsms-period-block:not(.active){background:var(--header-action-gradient);border-color:var(--header-action-border)}
[data-theme="dark"] .sepetsms-period-block.active{background:var(--sepetsms-primary-gradient);border-color:transparent}
.sepetsms-step-section{margin:28px auto 8px;max-width:520px;padding-top:8px;border-top:1px dashed rgba(var(--sepetsms-primary-rgb),.15)}
.sepetsms-step-section-title{font-size:18px;font-weight:700;color:var(--sepetsms-title);margin-bottom:6px;text-align:center}
.sepetsms-step-section-note{font-size:13px;color:var(--sepetsms-text);text-align:center;margin:0 0 18px;line-height:1.5}
[data-theme="dark"] .sepetsms-period-footer{border-top-color:rgba(255,255,255,.08)}
[data-theme="dark"] .sepetsms-content{border-color:rgba(255,255,255,.06)}
[data-theme="dark"] .sepetsms-step:not(.active):not(.completed) .sepetsms-step-number{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.4)}
[data-theme="dark"] .sepetsms-step:not(.active):not(.completed) .sepetsms-step-name{color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetsms-step:not(.active):not(.completed) .sepetsms-step-description{color:rgba(255,255,255,.2)}
[data-theme="dark"] .sepetsms-step:not(.active):not(.completed)::before{background:rgba(255,255,255,.04)}
[data-theme="dark"] .sepetsms-step.completed{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
[data-theme="dark"] .sepetsms-step.completed .sepetsms-step-number{background:rgba(255,255,255,.08);color:rgba(255,255,255,.35)}
[data-theme="dark"] .sepetsms-step.completed .sepetsms-step-name,[data-theme="dark"] .sepetsms-step.completed .sepetsms-step-description{color:rgba(255,255,255,.35)}

/* === INLINE FROM order-steps-special.php : order-steps-special.php === */
/* style block #1 */
/* sepetozel-* → cv2-color-system.css (.sepetozel-wrapper) */
@keyframes ozelFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ozelStepFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes ozelCheckPop{0%{transform:scale(0)}70%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes ozelShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.sepetozel-wrapper{max-width:var(--CoreV2-container-width);margin:0 auto 40px;padding:10px 10px 40px;background:transparent;color:var(--sepetozel-text);position:relative}
.sepetozel-steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 40px;position:relative;padding:0 10px;max-width:none}
.sepetozel-steps-container .sepetozel-step{flex:1 1 160px;max-width:200px;animation:ozelStepFadeIn .5s ease both;position:relative}
.sepetozel-steps-container .sepetozel-step:nth-child(1){animation-delay:.05s}
.sepetozel-steps-container .sepetozel-step:nth-child(2){animation-delay:.12s}
.sepetozel-steps-container .sepetozel-step:nth-child(3){animation-delay:.19s}
.sepetozel-steps-container .sepetozel-step:nth-child(4){animation-delay:.26s}
.sepetozel-steps-container .sepetozel-step:nth-child(5){animation-delay:.33s}
.sepetozel-step{background:var(--header-action-gradient);border-radius: var(--cv2-radius-card, 14px);padding:20px 16px;text-align:center;border:1px solid var(--header-action-border);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}
.sepetozel-step::before{content:'';position:absolute;top:-2px;left:30%;right:30%;height:3px;background:rgba(var(--sepetozel-primary-rgb),.15);border-radius: var(--cv2-radius-input, 4px);transition:all .4s ease}
.sepetozel-step:hover{transform:translateY(-2px);border-color:rgba(var(--sepetozel-primary-rgb),.2)}
.sepetozel-step-number{width:40px;height:40px;border-radius: var(--cv2-radius-input, 12px);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:15px;font-weight:700;background:rgba(var(--sepetozel-primary-rgb),.06);color:var(--sepetozel-primary);border:1.5px solid rgba(var(--sepetozel-primary-rgb),.12);transition:all .4s cubic-bezier(.4,0,.2,1)}
.sepetozel-step-name{font-size:13px;font-weight:600;color:var(--sepetozel-title);margin-bottom:4px;transition:color .3s}
.sepetozel-step-description{font-size:11px;color:var(--sepetozel-text);line-height:1.4;opacity:.8;transition:all .3s}
.sepetozel-step.active{background:var(--sepetozel-primary-gradient);color:#ffffff;border-color:transparent;transform:translateY(-2px);box-shadow:none}
.sepetozel-step.active::before{height:3px;background:#ffffff;left:28%;right:28%;opacity:.9;top:-2px}
.sepetozel-step.active .sepetozel-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
.sepetozel-step.active .sepetozel-step-name{color:#ffffff}
.sepetozel-step.active .sepetozel-step-description{color:rgba(255,255,255,.8);opacity:1}
.sepetozel-step.completed{background:var(--sepetozel-card-bg);border-color:rgba(var(--sepetozel-primary-rgb),.10);opacity:.55;filter:grayscale(.15)}
.sepetozel-step.completed::before{height:3px;background:var(--sepetozel-primary);left:28%;right:28%;opacity:.7;top:-2px}
.sepetozel-step.completed .sepetozel-step-number{background:rgba(var(--sepetozel-primary-rgb),.1);border-color:rgba(var(--sepetozel-primary-rgb),.2);color:var(--sepetozel-primary);font-size:0}
.sepetozel-step.completed .sepetozel-step-number::after{content:'\2713';font-size:16px;font-weight:700;animation:ozelCheckPop .4s ease both;display:flex;align-items:center;justify-content:center}
.sepetozel-step.completed .sepetozel-step-name{color:var(--sepetozel-text)}
.sepetozel-step.completed .sepetozel-step-description{color:var(--sepetozel-text);opacity:.5}
.sepetozel-step.completed:hover{opacity:.8;filter:none}
.sepetozel-step:not(.active):not(.completed){opacity:1;filter:grayscale(1);background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
.sepetozel-step:not(.active):not(.completed):hover{filter:grayscale(.5);border-color:rgba(0,0,0,.1)}
.sepetozel-step:not(.active):not(.completed) .sepetozel-step-number{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.3)}
.sepetozel-step:not(.active):not(.completed) .sepetozel-step-name{color:rgba(0,0,0,.35)}
.sepetozel-step:not(.active):not(.completed) .sepetozel-step-description{color:rgba(0,0,0,.25)}
.sepetozel-step:not(.active):not(.completed)::before{background:rgba(0,0,0,.06)}
[data-theme="dark"] .sepetozel-step{background:var(--header-action-gradient);border-color:var(--header-action-border)}
[data-theme="dark"] .sepetozel-step::before{background:var(--sepetozel-border)}
[data-theme="dark"] .sepetozel-step.active{background:var(--sepetozel-primary-gradient);border-color:transparent;color:#ffffff}
[data-theme="dark"] .sepetozel-step.active .sepetozel-step-number{background:rgba(255,255,255,.2);color:#ffffff;border-color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetozel-step.active .sepetozel-step-name{color:#ffffff}
[data-theme="dark"] .sepetozel-step.active .sepetozel-step-description{color:rgba(255,255,255,.8)}
[data-theme="dark"] .sepetozel-step.completed{background:rgba(255,255,255,.03);border-color:rgba(var(--sepetozel-primary-rgb),.18);opacity:.6}
[data-theme="dark"] .sepetozel-step.completed .sepetozel-step-number{background:rgba(var(--sepetozel-primary-rgb),.12);border-color:rgba(var(--sepetozel-primary-rgb),.22)}
[data-theme="dark"] .sepetozel-step.completed .sepetozel-step-name,[data-theme="dark"] .sepetozel-step.completed .sepetozel-step-description{color:rgba(255,255,255,.35)}
[data-theme="dark"] .sepetozel-step:not(.active):not(.completed){background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06)}
[data-theme="dark"] .sepetozel-step:not(.active):not(.completed) .sepetozel-step-number{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.25)}
[data-theme="dark"] .sepetozel-step:not(.active):not(.completed) .sepetozel-step-name{color:rgba(255,255,255,.3)}
[data-theme="dark"] .sepetozel-step:not(.active):not(.completed) .sepetozel-step-description{color:rgba(255,255,255,.2)}
[data-theme="dark"] .sepetozel-step:not(.active):not(.completed)::before{background:rgba(255,255,255,.04)}
@media(min-width:768px){.sepetozel-steps-container .sepetozel-step{flex:1 1 170px;max-width:200px}.sepetozel-steps-container{gap:14px}}
@media(max-width:767px){.sepetozel-steps-container{gap:8px;margin-top:75px}.sepetozel-steps-container .sepetozel-step{flex:0 0 calc(50% - 4px);max-width:calc(50% - 4px)}.sepetozel-step{padding:14px 10px}.sepetozel-step-number{width:34px;height:34px;font-size:13px}.sepetozel-step-name{font-size:12px}.sepetozel-step-description{font-size:10px}}
.genelbaslik{text-align:center;margin-bottom:20px;margin-top:0;animation:ozelFadeIn .4s ease both}
.sepetozel-content{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;position:relative;overflow:visible;margin:0 auto 16px;box-sizing:border-box;animation:ozelFadeIn .45s ease .15s both}
.sepetozel-period-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;margin:20px auto 30px;padding:0 10px;box-sizing:border-box}
.sepetozel-period-container .sepetozel-period-block{flex:0 0 160px;max-width:160px;width:160px}
@media(max-width:640px){.sepetozel-period-container{gap:10px;padding:0 6px;margin:16px auto 20px}.sepetozel-period-container .sepetozel-period-block{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);width:auto}}
/* Dönem kartları: order-steps-unified.css (hosting referans tile) */
.sepetozel-period-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 20px 0;text-align:center}
.sepetozel-period-title{font-size:14px;font-weight:600;color:var(--sepetozel-title);margin-bottom:8px;letter-spacing:0}
.sepetozel-discount-badge{display:inline-block;background:rgba(var(--sepetozel-primary-rgb),0.1);color:var(--sepetozel-primary);font-size:10px;font-weight:700;padding:2px 6px;margin-bottom:8px;margin-top:-3px;text-transform:uppercase;border-radius: var(--cv2-radius-input, 5px);border:1px dashed var(--sepetozel-primary);max-width:fit-content;white-space:nowrap}
.sepetozel-period-block.active .sepetozel-discount-badge{background:rgba(255,255,255,0.2);color:white;border:1px dashed rgba(255,255,255,.7)}
.sepetozel-original-price{font-size:15px;font-weight:500;color:var(--sepetozel-text);text-decoration:line-through;text-decoration-thickness:2px;opacity:0.6;margin-bottom:6px;display:block}
.sepetozel-period-price{font-size:24px;font-weight:700;color:var(--sepetozel-title);margin-bottom:0;display:block;letter-spacing:-0.02em;line-height:1.2}
.sepetozel-setup-fee,.sepetozel-period-setup-fee{font-size:14px;color:var(--sepetozel-text);margin-top:12px;margin-bottom:20px;opacity:0.75;font-weight:500;min-height:20px}
.sepetozel-period-footer{border-top:1px dashed rgba(0,0,0,0.1);padding:16px 0;margin-top:auto}
.sepetozel-select-indicator{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#cccccc;font-size:12px;background:rgba(0,0,0,0.05);transition:all 0.3s ease;border:2px solid rgba(0,0,0,0.1)}
.sepetozel-period-block.active .sepetozel-select-indicator{background:rgba(255,255,255,0.3);color:white;border-color:white}
[data-theme="dark"] .sepetozel-period-footer{border-top-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .sepetozel-select-indicator{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.5)}
[data-theme="dark"] .sepetozel-period-block{background:#1e293b;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .sepetozel-period-block.active{background:var(--sepetozel-primary);border-color:transparent}
.sepetozel-discount-ribbon{position:absolute;top:10px;right:-26px;padding:4px 28px;background:var(--sepetozel-primary-gradient);color:#ffffff;font-size:11px;transform:rotate(45deg);font-weight:700;z-index:1;border:none}
.sepetozel-out-of-stock{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px;margin:30px 0;border-radius: var(--cv2-radius-card, 18px);background:var(--sepetozel-card-bg);border:1px solid var(--sepetozel-border)}
.sepetozel-out-of-stock i{font-size:56px;color:var(--sepetozel-primary);margin-bottom:16px}
.sepetozel-out-of-stock h2{font-size:22px;font-weight:700;color:var(--sepetozel-title);margin-bottom:12px}
.sepetozel-out-of-stock h4{font-size:15px;color:var(--sepetozel-text);line-height:1.6}
.sepetozel-out-of-stock strong{display:block;margin-top:12px;color:var(--sepetozel-primary)}
.sepetozel-accordion{border-radius: var(--cv2-radius-card, 16px);overflow:hidden;margin-bottom:20px;border:1px solid var(--sepetozel-border);background:var(--sepetozel-card-bg)}
.sepetozel-accordion-header{cursor:pointer;padding:16px 20px;background:var(--header-action-gradient);border-bottom:1px solid var(--sepetozel-border);color:var(--sepetozel-title);display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;transition:background .2s ease}
.sepetozel-accordion-header:hover{background:rgba(var(--sepetozel-primary-rgb),.05)}
.sepetozel-accordion-header.active{background:var(--sepetozel-primary-gradient);color:#ffffff;border-bottom-color:transparent}
.sepetozel-accordion-content{padding:20px;border-bottom:1px solid var(--sepetozel-border);background:var(--sepetozel-card-bg);display:none}
[data-theme="dark"] .sepetozel-accordion{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .sepetozel-accordion-header{background:rgba(255,255,255,.03);border-bottom-color:rgba(255,255,255,.07)}
.sepetozel-domain-search{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;background:var(--header-action-gradient);border:1px solid var(--header-action-border);border-radius: var(--cv2-radius-card, 16px);padding:16px 18px;align-items:center}
.sepetozel-domain-input{flex:1;min-width:180px;padding:12px 16px;border:1.5px solid var(--sepetozel-border);border-radius: var(--cv2-radius-input, 12px);font-size:14px;background:var(--sepetozel-card-bg);color:var(--sepetozel-title);outline:none;transition:border-color .2s ease;box-sizing:border-box}
.sepetozel-domain-input:focus{border-color:var(--sepetozel-primary)}
.sepetozel-domain-input.error-input{border-color:var(--sepetozel-danger)}
@media(max-width:767px){.sepetozel-domain-search{padding:12px 14px}.sepetozel-domain-input{flex:1 1 100%;width:100%}.sepetozel-button{flex:1 1 100%;width:100%}}
.sepetozel-button{display:block;align-items:center;justify-content:center;gap:8px;padding:13px 40px;border-radius: var(--cv2-radius-btn, 10px);font-size: var(--cv2-font-size-button, 15px);font-weight:600;background:var(--sepetozel-primary-gradient);color:#ffffff;border:1px solid rgba(0,0,0,.04);cursor:pointer;transition:all .25s ease;letter-spacing:.01em;width:auto;min-width:280px;margin:0 auto;box-shadow:none;text-align:center;outline:2px solid rgba(var(--sepetozel-primary-rgb),.25);outline-offset:3px;position:relative;overflow:hidden}
.sepetozel-button:hover{transform:translateY(-1px)}
.sepetozel-button:active{transform:translateY(0)}
.sepetozel-button.loading{pointer-events:none;opacity:.85}
.btn-arrow{display:inline-flex;align-items:center;transition:transform .25s ease}
.sepetozel-button:hover .btn-arrow{transform:translateX(3px)}
.sepetozel-wrapper{box-shadow:none}
@media(max-width:767px){.sepetozel-button{width:100%;padding:13px 16px;font-size: var(--cv2-font-size-button, 13px);border-radius: var(--cv2-radius-btn, 12px);min-width:0}.sepetozel-wrapper{padding:0 12px}}
.sepetozel-shimmer{display:inline-block;width:80px;max-width:80px;height:18px;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.08) 100%);background-size:200% 100%;animation:ozelShimmer 1.5s infinite;border-radius: var(--cv2-radius-input, 6px)}
.sepetozel-domain-result{margin-top:20px;padding:20px;border-radius: var(--cv2-radius-card, 16px);background:var(--sepetozel-card-bg);display:none;border:1px solid var(--sepetozel-border);animation:ozelFadeIn .4s ease}
.sepetozel-domain-available{color:var(--sepetozel-success);display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px 14px 20px;border-radius: var(--cv2-radius-input, 12px);background:var(--sepetozel-success-bg);position:relative;overflow:hidden}
.sepetozel-domain-available::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--sepetozel-success);border-radius:0 2px 2px 0}
.sepetozel-domain-unavailable{color:var(--sepetozel-danger);display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px 14px 20px;border-radius: var(--cv2-radius-input, 12px);background:var(--sepetozel-danger-bg);position:relative;overflow:hidden}
.sepetozel-domain-unavailable::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--sepetozel-danger);border-radius:0 2px 2px 0}
.sepetozel-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:20px;border-radius: var(--cv2-radius-card, 14px);overflow:hidden;border:1px solid var(--sepetozel-border)}
.sepetozel-table th{background:var(--header-action-gradient);padding:16px 20px;text-align:left;font-weight:700;color:var(--sepetozel-title);border-bottom:1px solid var(--sepetozel-border);font-size:13px}
.sepetozel-table td{padding:16px 20px;border-bottom:1px solid var(--sepetozel-border);background:var(--sepetozel-card-bg);vertical-align:top}
.sepetozel-table tr:last-child td{border-bottom:none}
.sepetozel-required{color:var(--sepetozel-danger);margin-right:4px;font-weight:700}
.sepetozel-addon-name{font-weight:600;margin-bottom:8px;color:var(--sepetozel-title);font-size:14px;display:flex;align-items:center;gap:6px}
.sepetozel-addon-description{font-size:12px;color:var(--sepetozel-text);line-height:1.5;margin-top:4px;opacity:.8}
.sepetozel-radio-group,.sepetozel-checkbox-group{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.sepetozel-radio-label,.sepetozel-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:10px 14px;border-radius: var(--cv2-radius-input, 10px);background:var(--header-action-gradient);border:1px solid var(--header-action-border);transition:border-color .2s ease,background .2s ease;font-size:13px}
.sepetozel-radio-label:hover,.sepetozel-checkbox-label:hover{border-color:rgba(var(--sepetozel-primary-rgb),.3);background:rgba(var(--sepetozel-primary-rgb),.04)}
.sepetozel-radio-custom,.sepetozel-checkbox-custom{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--sepetozel-border);border-radius:50%;margin-right:10px;cursor:pointer;background:var(--sepetozel-card-bg);flex-shrink:0;position:relative;transition:border-color .2s ease,background .2s ease}
.sepetozel-checkbox-custom{border-radius: var(--cv2-radius-input, 5px)}
.sepetozel-radio-custom:checked,.sepetozel-checkbox-custom:checked{border-color:var(--sepetozel-primary);background:var(--sepetozel-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;background-size:10px}
.sepetozel-select{width:100%;padding:11px 14px;border:1.5px solid var(--sepetozel-border);border-radius: var(--cv2-radius-input, 12px);font-size:13px;background:var(--sepetozel-card-bg);color:var(--sepetozel-title);outline:none;box-sizing:border-box;transition:border-color .2s ease}
.sepetozel-select:focus{border-color:var(--sepetozel-primary)}
.sepetozel-range-slider{margin-top:16px;padding:18px;background:var(--header-action-gradient);border-radius: var(--cv2-radius-input, 12px);border:1px solid var(--header-action-border)}
.sepetozel-error{color:var(--sepetozel-danger);margin-top:14px;padding:12px 16px 12px 20px;background:var(--sepetozel-danger-bg);border-radius: var(--cv2-radius-input, 10px);display:none;position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:ozelFadeIn .3s ease}
.sepetozel-error::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--sepetozel-danger);border-radius:0 2px 2px 0}
.sepetozel-success{color:var(--cv2-success);margin-top:15px;padding:12px 16px 12px 20px;background-color:rgba(var(--cv2-primary-rgb),.08);border-radius: var(--cv2-radius-input, 8px);display:none;position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:ozelFadeIn .3s ease;max-width:480px;margin-left:auto;margin-right:auto;width:100%}
.sepetozel-success::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--cv2-success);border-radius:0 2px 2px 0}
.sepetozel-success-message{color:var(--cv2-success);padding:12px 16px 12px 20px;background-color:rgba(var(--cv2-primary-rgb),.08);border-radius: var(--cv2-radius-input, 8px);position:relative;overflow:hidden;font-weight:500;font-size:13px;animation:ozelFadeIn .3s ease;display:none;margin-top:15px}
.sepetozel-success-message::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--cv2-success);border-radius:0 2px 2px 0}
.sepetozel-center{display:flex;justify-content:flex-end;align-items:center;padding:0 8px}
@media(max-width:767px){.sepetozel-table{display:block;border:none;background:transparent}.sepetozel-table thead{display:none}.sepetozel-table tbody{display:flex;flex-direction:column;gap:10px}.sepetozel-table tr{display:flex;flex-direction:column;border-radius: var(--cv2-radius-card, 14px);border:1px solid var(--sepetozel-border);overflow:hidden;background:var(--sepetozel-card-bg)}.sepetozel-table td{display:block;width:100%;padding:14px 16px;border-bottom:1px solid var(--sepetozel-border)}.sepetozel-table tr td:last-child{border-bottom:none}}