/* ==========================================================================
   SoniX teması — SoniXpanel tasarım katmanı
   Bu dosya TEMAYA aittir (templates/website/SoniX/). WISECP çekirdek
   güncellemesi bu dosyaya dokunmaz.
   Renkler tema ayarlarından gelir: --basic-primary / --basic-secondary
   ========================================================================== */

/* ---------- Hero ---------- */
.sonix-hero {
    position: relative;
    overflow: hidden;
    padding: 3rem 0 4rem;
}

@media (min-width: 992px) {
    .sonix-hero { padding: 5rem 0 6rem; }
}

@media (max-width: 991.98px) {
    .sonix-home { display: flex; flex-direction: column; }
    .sonix-home > * { order: 2; }
    .sonix-home > .sonix-hero { order: 0; }
    .sonix-home > .sonix-pricing { order: 1; }

    .sonix-hero-text { display: contents; }
    .sonix-hero-head,
    .sonix-hero-body {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }
    .sonix-hero-head { order: 0; }
    .sonix-hero-media { order: 1; }
    .sonix-hero-body { order: 2; }
}

.sonix-hero-title {
    font-size: clamp(2rem, 4.5vw, 3rem);
    font-weight: 800;
    line-height: 1.15;
    color: var(--basic-heading-color);
    margin-bottom: .25rem;
}

.sonix-hero-gradient {
    font-size: clamp(2rem, 4.5vw, 3rem);
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 1rem;
    background: linear-gradient(90deg, var(--basic-primary), var(--basic-secondary), var(--basic-primary));
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
[data-bs-theme="dark"] .sonix-hero-gradient {
    background: linear-gradient(90deg, var(--basic-primary), color-mix(in srgb, var(--basic-secondary) 35%, #fff), var(--basic-primary));
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
}

.sonix-hero-title { text-wrap: balance; }
.sonix-hero-gradient {
    font-family: "Dancing Script", var(--basic-font-family);
    font-weight: 700;
    font-synthesis: none;
    font-size: clamp(2.4rem, 5vw, 3.5rem);
    line-height: 1.25;
    text-wrap: balance;
}
.sonix-hero-gradient { padding-inline: .1em; margin-inline: -.1em; }

.sonix-hero-gradient::after {
    content: "";
    display: block;
    width: min(100%, 4.8em);
    height: .3em;
    margin: .08em auto 0;
    background: linear-gradient(90deg, var(--basic-primary), var(--basic-secondary));
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11.5C50 5.5 120 2.5 197 3.5c2 .1 2.5 1.7.5 2.1C130 7 60 10.5 6 15c-3.5.3-5.2-2.4-3-3.5z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11.5C50 5.5 120 2.5 197 3.5c2 .1 2.5 1.7.5 2.1C130 7 60 10.5 6 15c-3.5.3-5.2-2.4-3-3.5z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    opacity: .75;
    animation: sonix-yazi .7s cubic-bezier(.6, .04, .3, 1) 2.1s both;
}
@media (min-width: 992px) { .sonix-hero-gradient::after { margin-inline-start: 0; } }

@keyframes sonix-yazi {
    from { clip-path: inset(-.3em 100% -.45em -.3em); }
    to   { clip-path: inset(-.3em -.3em -.45em -.3em); }
}
@keyframes sonix-yazi-rtl {
    from { clip-path: inset(-.3em -.3em -.45em 100%); }
    to   { clip-path: inset(-.3em -.3em -.45em -.3em); }
}
@keyframes sonix-murekkep {
    from { background-position: 0% 50%; }
    to   { background-position: 100% 50%; }
}
.sonix-hero-title.reveal { animation: sonix-yazi 1.1s cubic-bezier(.6, .04, .3, 1) .1s both; }
.sonix-hero-gradient.reveal { animation: sonix-yazi 1.4s cubic-bezier(.6, .04, .3, 1) .8s both, sonix-murekkep 7s ease-in-out 2.4s infinite alternate; }
[dir="rtl"] .sonix-hero-title.reveal,
[dir="rtl"] .sonix-hero-gradient::after { animation-name: sonix-yazi-rtl; }
[dir="rtl"] .sonix-hero-gradient.reveal { animation-name: sonix-yazi-rtl, sonix-murekkep; }

.sonix-hero-lead {
    font-size: 1.0625rem;
    color: var(--basic-muted-color);
    max-width: 32rem;
    margin-bottom: 1.75rem;
}

.sonix-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .875rem 1.75rem;
    border-radius: 999px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(90deg, var(--basic-primary), var(--basic-secondary));
    border: 0;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
    box-shadow: 0 10px 24px -10px rgba(var(--basic-primary-rgb), .65);
}

.sonix-hero-cta:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -12px rgba(var(--basic-primary-rgb), .75);
}

/* Güven göstergeleri (7/24 · Anında kurulum) */
.sonix-hero-trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2.25rem;
}

.sonix-hero-trust .val {
    display: block;
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--basic-heading-color);
    line-height: 1.2;
}

.sonix-hero-trust .lbl {
    display: block;
    font-size: .8125rem;
    color: var(--basic-muted-color);
    overflow-wrap: break-word;
    hyphens: auto;
}

@media (max-width: 575.98px) {
    .sonix-hero-trust { gap: .5rem; margin-top: 1.75rem; }
    .sonix-hero-trust .val { font-size: 1rem; }
    .sonix-hero-trust .lbl { font-size: .75rem; }
}

/* ---------- Hero görseli: telefon maketi + yüzen rozetler ---------- */
.sonix-hero-visual {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 1.5rem 0;
    max-width: 480px;
    margin: 0 auto;
}

.sonix-hero-visual::before {
    content: "";
    position: absolute;
    inset: 12% 18%;
    background: radial-gradient(closest-side, rgba(var(--basic-primary-rgb), .28), transparent 75%);
    filter: blur(42px);
    z-index: 0;
}

.sonix-phone {
    position: relative;
    z-index: 1;
    background: #0d0d12;
    padding: .5rem;
    border-radius: 2rem;
    box-shadow: 0 30px 60px -20px rgba(15, 12, 30, .45);
}

.sonix-phone-screen {
    position: relative;
    width: 240px;
    aspect-ratio: 9 / 16;
    border-radius: 1.5rem;
    overflow: hidden;
    background: var(--basic-surface-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .sonix-phone-screen { width: 300px; }
}

.sonix-phone-screen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Yüzen dairesel rozetler */
.sonix-badge {
    position: absolute;
    z-index: 2;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    padding: .5rem;
    text-align: center;
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1.15;
    color: var(--basic-heading-color);
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .7);
    backdrop-filter: blur(8px);
    box-shadow: 0 12px 28px -12px rgba(15, 12, 30, .35);
    animation: sonix-float 5s ease-in-out infinite;
}

[data-bs-theme="dark"] .sonix-badge {
    background: rgba(24, 24, 32, .88);
    border-color: rgba(255, 255, 255, .12);
}

.sonix-badge i { font-size: 1.05rem; color: var(--basic-primary); }

.sonix-badge-1 { top: 4%;    right: 4%;  animation-delay: 0s; }
.sonix-badge-2 { top: 42%;   left: 2%;   animation-delay: .9s; }
.sonix-badge-3 { bottom: 8%; right: 2%;  animation-delay: 1.8s; }

@keyframes sonix-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-10px); }
}

@media (prefers-reduced-motion: reduce) {
    .sonix-badge { animation: none; }
    .sonix-hero-cta { transition: none; }
    .sonix-hero-title.reveal,
    .sonix-hero-gradient.reveal,
    .sonix-hero-gradient::after { animation: none; }
}

/* Dar ekranda rozetler taşmasın */
@media (max-width: 575.98px) {
    .sonix-badge { width: 70px; height: 70px; font-size: .625rem; }
    .sonix-badge-2 { left: 0; }
    .sonix-badge-3 { right: 0; }
}


/* Telefon içi panel maketi (gerçek görsel eklenene kadar) */
.sonix-phone-mock {
    width: 100%;
    height: 100%;
    padding: 1.25rem .9rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    background:
        radial-gradient(120% 60% at 50% 0%, rgba(var(--basic-primary-rgb), .30), transparent 70%),
        linear-gradient(180deg, var(--basic-surface-bg), var(--basic-body-bg));
}

.sonix-phone-mock .pm-bar {
    height: 10px;
    border-radius: 999px;
    background: rgba(var(--basic-primary-rgb), .35);
}
.sonix-phone-mock .pm-bar-1 { width: 60%; }
.sonix-phone-mock .pm-bar-2 { width: 38%; margin-bottom: .5rem; }

.sonix-phone-mock .pm-room {
    height: 58px;
    border-radius: 14px;
    background: var(--basic-surface-bg);
    border: 1px solid var(--basic-border-color);
    box-shadow: 0 6px 16px -10px rgba(15, 12, 30, .35);
}
.sonix-phone-mock .pm-room-sm { height: 42px; opacity: .7; }

/* ---------- Paket / satın alma bölümü ---------- */
.sonix-period-note {
    font-size: .875rem;
    color: var(--basic-muted-color);
    margin-bottom: 2rem;
}
.sonix-period-note i { color: var(--basic-primary); margin-right: .35rem; }

.sonix-plan {
    display: flex;
    flex-direction: column;
    background: var(--basic-surface-bg);
    border: 1px solid var(--basic-border-color);
    border-radius: 1.25rem;
    padding: 1.75rem 1.5rem;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.sonix-plan:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--basic-primary-rgb), .45);
    box-shadow: 0 22px 44px -26px rgba(15, 12, 30, .45);
}

.sonix-plan-head { text-align: center; }

.sonix-plan-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    margin-bottom: .85rem;
    background: rgba(var(--basic-primary-rgb), .12);
    color: var(--basic-primary);
    font-size: 1.4rem;
}
.sonix-plan-icon img { width: 28px; height: 28px; object-fit: contain; }

.sonix-plan-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--basic-heading-color);
    margin-bottom: .25rem;
}

.sonix-plan-sub {
    font-size: .8125rem;
    color: var(--basic-muted-color);
    margin-bottom: 0;
}

.sonix-plan-price {
    text-align: center;
    margin: 1.25rem 0 1rem;
    padding: 1rem 0;
    border-top: 1px solid var(--basic-border-color);
    border-bottom: 1px solid var(--basic-border-color);
}
.sonix-plan-from {
    display: block;
    font-size: .75rem;
    color: var(--basic-muted-color);
    margin-bottom: .15rem;
}
.sonix-plan-price strong {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--basic-primary);
}

.sonix-plan-features {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    flex: 1 1 auto;
}
.sonix-plan-features li {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .875rem;
    color: var(--basic-body-color);
}
.sonix-plan-features i { color: var(--basic-primary); margin-top: .12rem; }

.sonix-plan-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;
    padding: .8rem 1.25rem;
    border-radius: 999px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, var(--basic-primary), var(--basic-secondary));
    transition: transform .18s ease, box-shadow .18s ease;
}
.sonix-plan-cta:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -14px rgba(var(--basic-primary-rgb), .7);
}

.sonix-plan-empty {
    padding: 3rem 1rem;
    color: var(--basic-muted-color);
    border: 1px dashed var(--basic-border-color);
    border-radius: 1.25rem;
}
.sonix-plan-empty i { font-size: 1.75rem; display: block; margin-bottom: .5rem; opacity: .6; }

/* ---------- 3 sütunlu satın alma kartı ---------- */
.sonix-pricing-title { font-size: clamp(1.6rem,3vw,2.25rem); font-weight:800; color:var(--basic-heading-color); }

.sonix-periods { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; margin:1.5rem 0 2.25rem; }
.sonix-period {
    position:relative; border:1px solid var(--basic-border-color); background:var(--basic-surface-bg);
    color:var(--basic-body-color); font-weight:600; font-size:.9rem;
    padding:.65rem 1.4rem; border-radius:999px; transition:all .18s ease;
}
.sonix-period:hover { border-color:rgba(var(--basic-primary-rgb),.5); }
.sonix-period.is-active {
    color:#fff; border-color:transparent;
    background:linear-gradient(90deg,var(--basic-primary),var(--basic-secondary));
    box-shadow:0 10px 22px -12px rgba(var(--basic-primary-rgb),.8);
}
.sonix-period-badge {
    position:absolute; top:-9px; right:-6px; background:#ef4444; color:#fff;
    font-size:.625rem; font-weight:700; padding:.15rem .4rem; border-radius:999px;
}

.sonix-box {
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color);
    border-radius:1.25rem; padding:1.75rem 1.5rem;
}
.sonix-box-title { text-align:center; font-size:1.2rem; font-weight:700; color:var(--basic-heading-color); margin-bottom:.35rem; }
.sonix-box-note { text-align:center; font-size:.8125rem; color:var(--basic-muted-color); margin-bottom:1rem; }
.sonix-box-hint { font-size:.75rem; color:var(--basic-muted-color); margin:.35rem 0 0; }

.sonix-bigprice {
    text-align:center; font-size:clamp(2rem,4vw,2.75rem); font-weight:800;
    color:var(--basic-primary); margin:.5rem 0 1.25rem; padding-bottom:1.25rem;
    border-bottom:1px solid var(--basic-border-color);
}

.sonix-opt { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem 1rem; padding:.9rem 0; border-bottom:1px solid var(--basic-border-color); }
.sonix-opt-name { display:block; font-weight:600; color:var(--basic-heading-color); }
.sonix-opt-unit { display:block; font-size:.75rem; color:var(--basic-muted-color); }
.sonix-opt-ctrl { display:flex; align-items:center; gap:.5rem; margin-left:auto; }
.sonix-opt-total { font-weight:700; color:var(--basic-primary); margin-right:.35rem; }

.sonix-step {
    width:30px; height:30px; border-radius:50%; border:1px solid var(--basic-border-color);
    background:var(--basic-body-bg); color:var(--basic-body-color); font-size:1rem; line-height:1;
    display:inline-flex; align-items:center; justify-content:center; transition:all .15s ease;
}
.sonix-step:hover:not(:disabled) { border-color:var(--basic-primary); color:var(--basic-primary); }
.sonix-step:disabled { opacity:.4; cursor:not-allowed; }
.sonix-step-val { min-width:1.75rem; text-align:center; font-weight:700; color:var(--basic-heading-color); }
.sonix-bigprice, .sonix-opt-total, .sonix-step-val, .sonix-total-val b { font-variant-numeric:tabular-nums; }
.sonix-feats li span, .sx-os-it-l, .sx-os-tot > div > span, .sonix-sel-feats li span { min-width:0; overflow-wrap:anywhere; }
.sonix-drawer-body, .sonixmodal-sheet-body { overflow-x:hidden; overscroll-behavior-x:none; }

.sonix-switch { position:relative; display:inline-block; width:46px; height:26px; flex:0 0 auto; }
.sonix-switch input { opacity:0; width:0; height:0; }
.sonix-switch-ui { position:absolute; inset:0; background:var(--basic-border-color); border-radius:999px; transition:.2s; cursor:pointer; }
.sonix-switch-ui::before { content:""; position:absolute; width:20px; height:20px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.2s; }
.sonix-switch input:checked + .sonix-switch-ui { background:linear-gradient(90deg,var(--basic-primary),var(--basic-secondary)); }
.sonix-switch input:checked + .sonix-switch-ui::before { transform:translateX(20px); }

.sonix-feats { list-style:none; padding:0; margin:1rem 0 0; }
.sonix-feats li { display:flex; align-items:center; gap:.6rem; padding:.7rem 0; border-bottom:1px solid var(--basic-border-color); font-size:.9rem; }
.sonix-feats li i { color:#22c55e; font-size:1rem; }
.sonix-feats li span { flex:1 1 auto; color:var(--basic-body-color); }
.sonix-feats li em { font-style:normal; font-size:.8125rem; color:var(--basic-muted-color); }
.sonix-feats-foot { text-align:center; margin:1rem 0 0; font-size:.8125rem; color:var(--basic-primary); }

.sonix-rows { margin-top:1rem; }
.sonix-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem 0; border-bottom:1px solid var(--basic-border-color); font-size:.9rem; }
.sonix-row span { color:var(--basic-body-color); }
.sonix-row b { font-weight:700; color:var(--basic-heading-color); }
.sonix-row-accent b { color:var(--basic-primary); }
.sonix-row-good span, .sonix-row-good b { color:#16a34a; }

.sonix-total { margin-top:1rem; background:rgba(var(--basic-primary-rgb),.06); border-radius:1rem; padding:1rem 1.1rem; }
.sonix-total-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.45rem 0; }
.sonix-total-row span { font-weight:600; font-size:.875rem; color:var(--basic-heading-color); }
.sonix-total-val { text-align:right; }
.sonix-total-val b { display:block; font-size:1.25rem; font-weight:800; color:#16a34a; }
.sonix-total-val small { display:block; font-size:.7rem; color:var(--basic-muted-color); }

.sonix-buy {
    display:block; text-align:center; margin-top:1.25rem; padding:.58rem 1.3rem;
    border-radius:999px; font-weight:700; font-size:.875rem; letter-spacing:.01em; color:#fff; text-decoration:none;
    background:linear-gradient(90deg,var(--basic-primary),var(--basic-secondary));
    transition:transform .18s ease, box-shadow .18s ease;
}
.sonix-buy:hover { color:#fff; transform:translateY(-2px); box-shadow:0 16px 30px -14px rgba(var(--basic-primary-rgb),.75); }

/* ---------- Sağdan açılan sipariş çekmecesi ---------- */
.sonix-drawer-back {
    position:fixed; inset:0; z-index:1200; background:rgba(15,23,42,.55);
    opacity:0; transition:opacity .25s ease; backdrop-filter:blur(2px);
}
.sonix-drawer-back.is-open { opacity:1; }

.sonix-drawer {
    position:fixed; top:0; right:0; bottom:0; z-index:1210;
    width:min(560px, 100vw); display:flex; flex-direction:column;
    background:var(--basic-surface-bg); border-left:1px solid var(--basic-border-color);
    box-shadow:-24px 0 60px -30px rgba(15,23,42,.5);
    transform:translateX(100%); transition:transform .28s cubic-bezier(.4,0,.2,1);
}
.sonix-drawer.is-open { transform:translateX(0); }
.sonix-drawer.is-klavye { bottom:auto; }

.sonix-drawer-head {
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding:1.25rem 1.5rem; border-bottom:1px solid var(--basic-border-color);
}
.sonix-drawer-head h3 { margin:0; font-size:1.05rem; font-weight:700; color:var(--basic-heading-color); }
.sonix-drawer-close {
    border:0; background:transparent; font-size:1.6rem; line-height:1;
    color:var(--basic-muted-color); padding:0 .25rem; transition:color .15s ease;
}
.sonix-drawer-close:hover { color:var(--basic-primary); }

.sonix-steps {
    display:flex; align-items:center; gap:.5rem; list-style:none;
    margin:0; padding:1rem 1.5rem; border-bottom:1px solid var(--basic-border-color);
}
.sonix-steps li {
    display:flex; align-items:center; gap:.4rem; flex:1 1 0;
    font-size:.75rem; font-weight:600; color:var(--basic-muted-color);
}
.sonix-steps li span {
    width:22px; height:22px; flex:0 0 auto; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    background:var(--basic-body-bg); border:1px solid var(--basic-border-color); font-size:.7rem;
}
.sonix-steps li.is-active { color:var(--basic-primary); }
.sonix-steps li.is-active span {
    color:#fff; border-color:transparent;
    background:linear-gradient(90deg,var(--basic-primary),var(--basic-secondary));
}

.sonix-drawer-body { flex:1 1 auto; overflow-y:auto; padding:1.25rem 1.5rem; }
.sonix-drawer-plan {
    background:rgba(var(--basic-primary-rgb),.06); border-radius:.9rem;
    padding:.9rem 1rem; margin-bottom:1rem;
}
.sonix-drawer-plan strong { display:block; color:var(--basic-heading-color); font-size:.95rem; }
.sonix-drawer-plan span { font-size:.8125rem; color:var(--basic-muted-color); }
.sonix-drawer-note { margin:1rem 0 0; font-size:.75rem; color:var(--basic-muted-color); }

.sonix-drawer-foot { padding:.65rem 1.25rem .85rem; border-top:1px solid var(--basic-border-color); }
.sonix-drawer-error {
    margin:0 0 .75rem; padding:.6rem .8rem; border-radius:.6rem; font-size:.8125rem;
    background:rgba(239,68,68,.1); color:#b91c1c;
}
.sonix-buy[disabled], .sonix-buy.is-disabled { opacity:.6; pointer-events:none; }

body.sonix-drawer-open { position:fixed; left:0; right:0; width:100%; overflow:hidden; }

.sx-hatir-back {
    position:fixed; inset:0; z-index:1400; display:flex; align-items:center; justify-content:center;
    padding:1rem; background:rgba(15,23,42,.55); backdrop-filter:blur(3px);
    opacity:0; transition:opacity .2s ease;
}
.sx-hatir-back[hidden] { display:none; }
.sx-hatir-back.is-open { opacity:1; }
.sx-hatir {
    position:relative; width:min(400px, 100%); max-height:calc(100vh - 2rem); max-height:calc(100dvh - 2rem); overflow-y:auto;
    padding:1.75rem 1.5rem 1.1rem; border-radius:1.25rem; text-align:center;
    background:var(--basic-surface-bg); color:var(--basic-body-color); border:1px solid var(--basic-border-color);
    box-shadow:0 30px 80px -24px rgba(15,23,42,.55);
    transform:translateY(14px) scale(.96); transition:transform .25s cubic-bezier(.2,.9,.3,1.15);
}
.sx-hatir-back.is-open .sx-hatir { transform:none; }
.sx-hatir-x {
    position:absolute; top:.7rem; inset-inline-end:.7rem; display:grid; place-items:center; width:2rem; height:2rem;
    border:0; border-radius:50%; background:rgba(var(--basic-primary-rgb),.08); color:var(--basic-muted-color);
    font-size:1.25rem; line-height:1; -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
.sx-hatir-x:hover { color:var(--basic-heading-color); }
.sx-hatir-ikon {
    display:inline-grid; place-items:center; width:3.25rem; height:3.25rem; margin-bottom:.8rem;
    border-radius:1rem; font-size:1.45rem; color:#fff;
    background:linear-gradient(135deg,var(--basic-primary),var(--basic-secondary));
    box-shadow:0 14px 28px -14px rgba(var(--basic-primary-rgb),.8);
}
.sx-hatir-baslik { margin:0 0 .4rem; font-size:1.2rem; font-weight:700; color:var(--basic-heading-color); }
.sx-hatir-metin { margin:0 0 1rem; font-size:.875rem; line-height:1.5; color:var(--basic-muted-color); }
.sx-hatir-liste { list-style:none; margin:0 0 1rem; padding:0; display:grid; gap:.6rem; text-align:start; }
.sx-hatir-liste li { display:flex; align-items:flex-start; gap:.6rem; font-size:.85rem; line-height:1.45; color:var(--basic-body-color); }
.sx-hatir-liste li[hidden] { display:none; }
.sx-hatir-liste i { flex:0 0 auto; margin-top:.1rem; color:#22c55e; }
.sx-hatir-fiyat {
    display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.7rem .95rem;
    border-radius:.9rem; border:1px dashed var(--basic-border-color); background:rgba(var(--basic-primary-rgb),.05);
    font-size:.85rem; text-align:start;
}
.sx-hatir-fiyat span { font-weight:600; color:var(--basic-heading-color); }
.sx-hatir-fiyat b { white-space:nowrap; color:var(--basic-primary); }
.sx-hatir-ekle { width:100%; border:0; cursor:pointer; }
.sx-hatir-gec {
    display:block; width:100%; margin-top:.4rem; padding:.6rem; border:0; background:transparent; cursor:pointer;
    font-size:.8125rem; font-weight:600; color:var(--basic-muted-color);
}
.sx-hatir-gec:hover { color:var(--basic-heading-color); text-decoration:underline; }
@media (prefers-reduced-motion: reduce) {
    .sx-hatir-back, .sx-hatir { transition:none; }
}

@media (max-width: 575.98px) { .sonix-steps li { font-size:.7rem; } }

/* ---------- Telefon ekranındaki slayt gösterisi ---------- */
.sonix-phone-slider { position:absolute; inset:0; overflow:hidden; border-radius:inherit; isolation:isolate; }
.sonix-phone-slide {
    position:absolute; inset:0; margin:0; opacity:0; pointer-events:none;
    transform:scale(1.08); filter:blur(8px);
    transition:opacity .9s ease, transform 1.2s cubic-bezier(.22,.61,.36,1), filter .9s ease;
}
.sonix-phone-slide.is-active { opacity:1; transform:none; filter:none; pointer-events:auto; z-index:2; }
.sonix-phone-slide.is-leaving { opacity:0; transform:scale(.94); filter:blur(4px); z-index:1; }
@keyframes sonix-kb { from { transform:scale(1); } to { transform:scale(1.1); } }
.sonix-phone-slide.is-active :is(img, video),
.sonix-phone-slide.is-leaving :is(img, video) { animation:sonix-kb var(--sx-sure, 5s) linear forwards; }
.sonix-phone-slide.is-leaving :is(img, video),
.sonix-phone-screen.is-durdu .sonix-phone-slide.is-active :is(img, video) { animation-play-state:paused; }
.sonix-phone-slide img,
.sonix-phone-slide video { width:100%; height:100%; object-fit:cover; display:block; }
.sonix-phone-slide figcaption {
    position:absolute; left:0; right:0; bottom:0; padding:2.25rem .9rem .9rem;
    font-size:.8125rem; font-weight:600; color:#fff; line-height:1.3;
    background:linear-gradient(to top, rgba(15,23,42,.85), rgba(15,23,42,0));
}
.sonix-phone-slide figcaption > * { opacity:0; transform:translateY(12px); transition:opacity .5s ease, transform .6s cubic-bezier(.22,.61,.36,1); }
.sonix-phone-slide.is-active figcaption > * { opacity:1; transform:none; }
.sonix-phone-slide.is-active figcaption > .sonix-slide-desc { opacity:.85; }
.sonix-phone-slide.is-active figcaption > :nth-child(1) { transition-delay:.35s; }
.sonix-phone-slide.is-active figcaption > :nth-child(2) { transition-delay:.47s; }
.sonix-phone-slide.is-active figcaption > :nth-child(3) { transition-delay:.59s; }
.sonix-phone-slide-text { background:linear-gradient(160deg,var(--basic-primary),var(--basic-secondary)); }
.sonix-slide-title { display:block; }
.sonix-slide-desc {
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    margin-top:.25rem; font-size:.6875rem; font-weight:500; opacity:.85;
}
.sonix-slide-btn {
    display:inline-block; margin-top:.45rem; padding:.2rem .6rem; border-radius:999px;
    font-size:.6875rem; font-weight:700; color:#fff; text-decoration:none;
    background:var(--basic-primary);
}
.sonix-phone-dots {
    position:absolute; left:0; right:0; bottom:.6rem; z-index:2;
    display:flex; justify-content:center; gap:.3rem;
}
.sonix-phone-dots span {
    position:relative; overflow:hidden;
    width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.5);
    transition:background .25s ease, width .35s ease;
}
.sonix-phone-dots span.is-active { background:rgba(255,255,255,.4); width:22px; border-radius:3px; }
.sonix-phone-dots span.is-active::after {
    content:""; position:absolute; inset:0; border-radius:inherit; background:#fff;
    transform-origin:left center; animation:sonix-nokta var(--sx-sure, 5s) linear forwards;
}
[dir="rtl"] .sonix-phone-dots span.is-active::after { transform-origin:right center; }
.sonix-phone-screen.is-durdu .sonix-phone-dots span.is-active::after { animation-play-state:paused; }
@keyframes sonix-nokta { from { transform:scaleX(0); } to { transform:none; } }
@media (prefers-reduced-motion: reduce) {
    .sonix-phone-slide,
    .sonix-phone-slide.is-leaving { transform:none; filter:none; transition:opacity .4s ease; }
    .sonix-phone-slide.is-active :is(img, video),
    .sonix-phone-slide.is-leaving :is(img, video),
    .sonix-phone-dots span.is-active::after { animation:none; }
    .sonix-phone-slide figcaption > * { transform:none; transition:opacity .3s ease; }
    .sonix-phone-dots span.is-active { background:#fff; }
}

/* ---------- "Neden Biz?" bölümü ---------- */
.sonix-eyebrow {
    display:inline-block; padding:.35rem .9rem; border-radius:999px;
    font-size:.75rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
    color:var(--basic-primary); background:rgba(var(--basic-primary-rgb),.1);
}
.sonix-section-title { font-size:clamp(1.6rem,3vw,2.25rem); font-weight:800; color:var(--basic-heading-color); }
.sonix-sub-title { font-size:clamp(1.25rem,2.2vw,1.6rem); font-weight:700; color:var(--basic-heading-color); }

.sonix-benefit {
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color);
    border-radius:1.25rem; padding:1.75rem 1.5rem; text-align:center;
    transition:transform .2s ease, box-shadow .2s ease;
}
.sonix-benefit:hover { transform:translateY(-4px); box-shadow:0 18px 36px -24px rgba(15,23,42,.35); }
.sonix-benefit-icon {
    width:56px; height:56px; border-radius:1rem; margin:0 auto 1rem;
    display:flex; align-items:center; justify-content:center; font-size:1.5rem;
}
.sonix-benefit-b1 { background:rgba(var(--basic-primary-rgb),.12); color:var(--basic-primary); }
.sonix-benefit-b2 { background:rgba(59,130,246,.12);  color:#3b82f6; }
.sonix-benefit-b3 { background:rgba(34,197,94,.12);   color:#22c55e; }
.sonix-benefit h3 { font-size:1.1rem; font-weight:700; color:var(--basic-heading-color); margin-bottom:.5rem; }
.sonix-benefit p  { font-size:.9rem; color:var(--basic-muted-color); margin:0; }

.sonix-mini {
    display:flex; gap:.9rem; padding:1.15rem 1.1rem; border-radius:1rem;
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color);
}
.sonix-mini-icon {
    width:40px; height:40px; flex:0 0 auto; border-radius:.75rem;
    display:flex; align-items:center; justify-content:center; font-size:1.1rem;
}
.sonix-mini-f1 { background:rgba(var(--basic-primary-rgb),.12); color:var(--basic-primary); }
.sonix-mini-f2 { background:rgba(34,197,94,.12);  color:#22c55e; }
.sonix-mini-f3 { background:rgba(59,130,246,.12); color:#3b82f6; }
.sonix-mini-f4 { background:rgba(249,115,22,.12); color:#f97316; }
.sonix-mini > div strong { display:block; font-size:.95rem; color:var(--basic-heading-color); margin-bottom:.15rem; }
.sonix-mini > div span   { display:block; font-size:.8125rem; color:var(--basic-muted-color); line-height:1.45; }

.sonix-numbers {
    border-radius:1.5rem; padding:2rem 1.75rem; color:#fff;
    background:linear-gradient(140deg,var(--basic-primary),var(--basic-secondary));
    display:flex; flex-direction:column;
}
.sonix-numbers h3 { font-size:1.2rem; font-weight:700; margin-bottom:1.5rem; }
.sonix-numbers-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem 1rem; flex:1 1 auto; }
.sonix-numbers-grid .val { display:block; font-size:clamp(1.6rem,3vw,2.15rem); font-weight:800; line-height:1.1; }
.sonix-numbers-grid .lbl { display:block; font-size:.8125rem; opacity:.85; margin-top:.15rem; }
.sonix-numbers-foot {
    margin-top:1.5rem; padding-top:1rem; font-size:.8125rem; opacity:.85;
    border-top:1px solid rgba(255,255,255,.25);
}

/* ---------- Müşteri görüşleri ---------- */
.sonix-voice {
    position:relative; margin:0; padding:1.35rem 1.25rem;
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color);
    border-radius:1.25rem; display:flex; flex-direction:column; gap:.85rem;
}
.sonix-voices-wrap { position:relative; }
.sonix-voices-track {
    display:flex; align-items:flex-start; gap:1rem; margin:0 -.125rem; padding:.25rem .125rem 1rem;
    overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:.125rem; scrollbar-width:none;
}
.sonix-voices-track::-webkit-scrollbar { display:none; }
.sonix-voices-track:focus-visible { outline:2px solid var(--basic-primary); outline-offset:4px; border-radius:1.25rem; }
.sonix-voices-track > .sonix-voice { flex:0 0 calc((100% - 2rem) / 3); min-width:0; scroll-snap-align:start; }
@media (max-width: 991.98px) { .sonix-voices-track > .sonix-voice { flex-basis:calc((100% - 1rem) / 2); } }
@media (max-width: 575.98px) { .sonix-voices-track > .sonix-voice { flex-basis:86%; } }
.sonix-voices-track .sonix-voice blockquote { padding-inline-end:2rem; }
.sonix-voices-wrap.is-js .sonix-voice blockquote {
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-clamp:4;
    overflow:hidden; min-height:calc(1.6em * 4);
}
.sonix-voices-wrap.is-js .sonix-voice.is-acik blockquote { display:block; -webkit-line-clamp:unset; line-clamp:none; }
.sonix-voice-more.is-gizli { visibility:hidden; }
.sonix-voice-more {
    align-self:flex-start; margin-top:-.45rem; padding:0; border:0; background:none;
    font-size:.8125rem; font-weight:600; color:var(--basic-primary-text);
}
.sonix-voice-more:hover, .sonix-voice-more:focus-visible { text-decoration:underline; }
.sonix-voices-btn {
    position:absolute; top:calc(50% - .5rem); transform:translateY(-50%); z-index:2;
    width:2.5rem; height:2.5rem; border-radius:50%; display:none; align-items:center; justify-content:center;
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color); color:var(--basic-heading-color);
    box-shadow:0 10px 24px -14px rgba(15,23,42,.45); transition:opacity .2s ease, border-color .2s ease, color .2s ease;
}
.sonix-voices-btn[data-sx-voices-prev] { inset-inline-start:-1.25rem; }
.sonix-voices-btn[data-sx-voices-next] { inset-inline-end:-1.25rem; }
[dir="rtl"] .sonix-voices-btn .bi { transform:scaleX(-1); }
.sonix-voices-btn:hover, .sonix-voices-btn:focus-visible { border-color:var(--basic-primary); color:var(--basic-primary); }
.sonix-voices-btn:disabled { opacity:0; pointer-events:none; }
@media (min-width: 768px) { .sonix-voices-wrap.is-kaydir .sonix-voices-btn { display:flex; } }
@media (prefers-reduced-motion: reduce) { .sonix-voices-btn { transition:none; } }
.sonix-voice-stars { display:inline-flex; gap:.15rem; min-height:.85rem; font-size:.85rem; line-height:1; color:#f5b301; }
.sonix-voice-stars .bi-star { color:#d6d3cc; }
.sonix-voice-stars.is-bos { visibility:hidden; }
[data-bs-theme="dark"] .sonix-voice-stars .bi-star { color:#4b5563; }
.sonix-rate { margin:0; padding:0; border:0; min-width:0; }
.sonix-rate-row { display:flex; align-items:center; gap:.75rem; }
.sonix-rate-stars { display:inline-flex; gap:.15rem; }
.sonix-rate-stars input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.sonix-rate-stars label {
    display:inline-flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; margin:0;
    border-radius:.6rem; font-size:1.5rem; line-height:1; color:#d6d3cc; cursor:pointer;
    transition:color .12s ease, transform .12s ease; -webkit-tap-highlight-color:transparent;
}
[data-bs-theme="dark"] .sonix-rate-stars label { color:#4b5563; }
.sonix-rate-stars label.is-on { color:#f5b301; }
.sonix-rate-stars label:active { transform:scale(.9); }
.sonix-rate-stars input:focus-visible + label { outline:2px solid var(--basic-primary); outline-offset:1px; }
.sonix-rate.is-invalid .sonix-rate-stars label { color:rgba(220,53,69,.45); }
.sonix-rate-value { font-size:.875rem; font-weight:700; color:var(--basic-heading-color); font-variant-numeric:tabular-nums; }
@media (prefers-reduced-motion: reduce) { .sonix-rate-stars label { transition:none; } }
.sonix-voice figcaption > span:not(.sonix-voice-avatar) { min-width:0; }
.sonix-voice-date { margin-inline-start:auto; flex:0 0 auto; align-self:flex-end; font-size:.75rem; color:var(--basic-muted-color); font-variant-numeric:tabular-nums; white-space:nowrap; }
.sonix-voices-cta {
    display:inline-flex; align-items:center; gap:.45rem; padding:.5rem 1.05rem; border-radius:999px;
    border:1px solid var(--basic-primary); color:var(--basic-primary); background:transparent;
    font-size:.875rem; font-weight:600; text-decoration:none; transition:background-color .15s ease, color .15s ease;
}
.sonix-voices-cta:hover, .sonix-voices-cta:focus-visible { background:var(--basic-primary); color:#fff; }
.sonix-voices.has-band-bg .sonix-voices-cta { border-color:#fff; color:#fff; }
.sonix-feedback { padding:.25rem 1.25rem 1.25rem; }
.sonix-feedback-lead { margin:0 0 1rem; font-size:.875rem; color:var(--basic-muted-color); text-align:center; }
.sonix-feedback .form-label { font-size:.8125rem; font-weight:600; margin-bottom:.35rem; }
.sonix-feedback textarea { resize:vertical; min-height:7.5rem; }
.sonix-feedback-count { margin-top:.3rem; font-size:.75rem; color:var(--basic-muted-color); text-align:end; font-variant-numeric:tabular-nums; }
.sonix-feedback .is-invalid { border-color:var(--bs-danger, #dc3545); }
.sonix-feedback-alert {
    margin-top:.85rem; padding:.65rem .85rem; border-radius:.75rem; font-size:.8125rem;
    color:#b42318; background:rgba(220,53,69,.08); border:1px solid rgba(220,53,69,.25);
}
[data-bs-theme="dark"] .sonix-feedback-alert { color:#fca5a5; }
.sonix-feedback-done { padding:1.5rem .5rem .5rem; text-align:center; }
.sonix-feedback-done .bi { font-size:2.5rem; color:#16a34a; }
.sonix-feedback-done p { margin:.75rem 0 1.25rem; color:var(--basic-body-color); }
.sonix-voice-mark {
    position:absolute; top:1rem; right:1.25rem; font-size:2.25rem;
    color:var(--basic-primary); opacity:.12; line-height:1;
}
.sonix-voice blockquote {
    margin:0; font-size:.925rem; line-height:1.6; color:var(--basic-body-color); flex:1 1 auto;
}
.sonix-voice figcaption { display:flex; align-items:center; gap:.75rem; }
.sonix-voice-avatar {
    width:40px; height:40px; flex:0 0 auto; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-weight:700; color:#fff;
    background:linear-gradient(135deg,var(--basic-primary),var(--basic-secondary));
    overflow:hidden;
}
.sonix-voice-avatar img { width:100%; height:100%; object-fit:cover; }
.sonix-voice figcaption strong { display:block; font-size:.925rem; color:var(--basic-heading-color); }
.sonix-voice figcaption small  { display:block; font-size:.8125rem; color:var(--basic-muted-color); }
.sonix-voices-score {
    display:inline-flex; align-items:center; gap:.5rem; margin-top:1rem; padding:.4rem .9rem;
    border:1px solid var(--basic-border-color); border-radius:999px; background:var(--basic-surface-bg);
    color:var(--basic-heading-color); text-decoration:none; font-size:.875rem;
}
.sonix-voices-score:hover { border-color:var(--basic-primary); }
.sonix-voices-score img { height:20px; width:auto; }
.sonix-voices-stars { color:#f5b301; letter-spacing:.05em; }
.sonix-voices.has-band-bg { position:relative; overflow:hidden; }
.sonix-voices .band-bg-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.sonix-voices .band-bg-scrim { position:absolute; inset:0; background:rgba(15,23,42,.6); z-index:0; }
.sonix-voices.has-band-bg > .container { position:relative; z-index:1; }
.sonix-voices.has-band-bg .sonix-section-title,
.sonix-voices.has-band-bg .text-center > p { color:#fff !important; }

/* ---------- Teknoloji bölümü ---------- */
.sonix-tech-list li { display:flex; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--basic-border-color); }
.sonix-tech-list li:last-child { border-bottom:0; }
.sonix-tech-icon {
    width:46px; height:46px; flex:0 0 auto; border-radius:.9rem; font-size:1.2rem;
    display:flex; align-items:center; justify-content:center;
    background:rgba(var(--basic-primary-rgb),.12); color:var(--basic-primary);
}
.sonix-tech-list li > div strong { display:block; font-size:1rem; color:var(--basic-heading-color); margin-bottom:.15rem; }
.sonix-tech-list li > div span   { display:block; font-size:.875rem; color:var(--basic-muted-color); }

.sonix-tech-visual { position:relative; min-height:320px; display:flex; align-items:center; justify-content:center; }
.sonix-tech-card {
    position:absolute; width:210px; height:250px; border-radius:1.5rem; color:#fff;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.75rem;
    box-shadow:0 26px 50px -28px rgba(15,23,42,.6);
}
.sonix-tech-card i { font-size:2.5rem; }
.sonix-tech-card span { font-size:.9rem; font-weight:600; }
.sonix-tech-card-1 {
    left:8%; transform:rotate(-7deg);
    background:linear-gradient(150deg,var(--basic-primary),var(--basic-secondary));
}
.sonix-tech-card-2 {
    right:8%; transform:rotate(7deg);
    background:linear-gradient(150deg,#3b82f6,#0ea5e9);
}
.sonix-tech-badge {
    position:absolute; top:6%; left:50%; transform:translateX(-50%); z-index:2;
    width:56px; height:56px; border-radius:50%; font-size:1.4rem;
    display:flex; align-items:center; justify-content:center;
    background:var(--basic-surface-bg); color:#22c55e;
    box-shadow:0 14px 28px -14px rgba(15,23,42,.45);
}
@media (max-width: 575.98px) {
    .sonix-tech-card { width:150px; height:190px; }
    .sonix-tech-card i { font-size:1.9rem; }
}

/* ---------- Servis durumu sayfası ---------- */
.sonix-status { --sx-ok:#10b981; --sx-warn:#f59e0b; --sx-bad:#ef4444; --sx-info:#0ea5e9; --sx-idle:#94a3b8; }

.sonix-status-hero { margin-bottom:2rem; }
.sonix-status-pulse {
    display:inline-flex; align-items:center; gap:.55rem;
    padding:.5rem 1.1rem; border-radius:999px; font-size:.875rem; font-weight:600;
    background:rgba(16,185,129,.1); color:#047857;
}
.sonix-status-pulse i {
    width:9px; height:9px; border-radius:50%; background:var(--sx-ok);
    box-shadow:0 0 0 0 rgba(16,185,129,.7); animation:sonixPing 1.8s cubic-bezier(.66,0,0,1) infinite;
}
.sonix-status-pulse.sx-degraded { background:rgba(245,158,11,.12); color:#b45309; }
.sonix-status-pulse.sx-degraded i { background:var(--sx-warn); box-shadow:0 0 0 0 rgba(245,158,11,.7); }
.sonix-status-pulse.sx-down { background:rgba(239,68,68,.12); color:#b91c1c; }
.sonix-status-pulse.sx-down i { background:var(--sx-bad); box-shadow:0 0 0 0 rgba(239,68,68,.7); }
@keyframes sonixPing { to { box-shadow:0 0 0 10px rgba(16,185,129,0); } }

.sonix-status-icon {
    width:40px; height:40px; flex:0 0 auto; border-radius:.85rem; font-size:1.1rem;
    display:inline-flex; align-items:center; justify-content:center;
}
.sonix-status-icon-sm { width:30px; height:30px; border-radius:.6rem; font-size:.875rem; }

.sonix-status .sx-active, .sonix-status .sx-completed { color:var(--sx-ok); }
.sonix-status .sx-maintenance, .sonix-status .sx-pending { color:var(--sx-warn); }
.sonix-status .sx-degraded { color:#ea580c; }
.sonix-status .sx-down { color:var(--sx-bad); }
.sonix-status .sx-inactive { color:var(--sx-idle); }
.sonix-status .sx-checking, .sonix-status .sx-in_progress, .sonix-status .sx-preparing { color:var(--sx-info); }
.sonix-status .sx-planned { color:#6366f1; }

.sonix-status-icon.sx-active, .sonix-status-icon.sx-completed { background:rgba(16,185,129,.12); }
.sonix-status-icon.sx-maintenance, .sonix-status-icon.sx-pending { background:rgba(245,158,11,.12); }
.sonix-status-icon.sx-degraded { background:rgba(234,88,12,.12); }
.sonix-status-icon.sx-down { background:rgba(239,68,68,.12); }
.sonix-status-icon.sx-inactive { background:rgba(148,163,184,.14); }
.sonix-status-icon.sx-checking, .sonix-status-icon.sx-in_progress, .sonix-status-icon.sx-preparing { background:rgba(14,165,233,.12); }
.sonix-status-icon.sx-planned { background:rgba(99,102,241,.12); }
.sonix-status-icon.sx-maintenance i, .sonix-status-icon.sx-checking i,
.sonix-status-icon.sx-in_progress i, .sonix-status-icon.sx-pending i { animation:sonixPulse 2s ease-in-out infinite; }
@keyframes sonixPulse { 50% { opacity:.45; } }

.sonix-status-overall {
    position:relative; overflow:hidden;
    display:flex; align-items:center; gap:1rem; margin-bottom:2rem;
    padding:1.15rem 1.35rem; border-radius:1.15rem;
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color);
}
.sonix-status-overall.sx-active   { background:rgba(16,185,129,.07);  border-color:rgba(16,185,129,.3); }
.sonix-status-overall.sx-degraded { background:rgba(245,158,11,.07);  border-color:rgba(245,158,11,.3); }
.sonix-status-overall.sx-down     { background:rgba(239,68,68,.07);   border-color:rgba(239,68,68,.3); }
.sonix-status-watermark {
    position:absolute; right:-.5rem; top:50%; transform:translateY(-50%);
    font-size:5.5rem; line-height:1; opacity:.07; pointer-events:none;
}
.sonix-status-overall .sonix-status-count { position:relative; z-index:1; }
.sonix-status-overall-body { flex:1 1 auto; min-width:0; }
.sonix-status-overall-label {
    display:block; font-size:.7rem; font-weight:700; letter-spacing:.06em;
    text-transform:uppercase; color:var(--basic-muted-color);
}
.sonix-status-overall-body strong { display:block; font-size:1.05rem; }
.sonix-status-count { font-size:.8125rem; font-weight:600; color:var(--basic-muted-color); white-space:nowrap; }

.sonix-status-group { margin-bottom:1.75rem; }
.sonix-status-group-head { display:flex; align-items:center; gap:.6rem; margin-bottom:.65rem; }
.sonix-status-bar { width:4px; height:16px; border-radius:2px; background:var(--basic-primary); flex:0 0 auto; }
.sonix-status-bar-warn { background:var(--sx-warn); }
.sonix-status-group-head h2 { margin:0; font-size:.9rem; font-weight:700; color:var(--basic-heading-color); }
.sonix-status-group-count { margin-left:auto; font-size:.75rem; color:var(--basic-muted-color); }

.sonix-status-list {
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color);
    border-radius:1.15rem; overflow:hidden;
}
.sonix-status-list li {
    display:flex; align-items:center; gap:.85rem; padding:.95rem 1.15rem;
    border-bottom:1px solid var(--basic-border-color);
}
.sonix-status-list li:last-child { border-bottom:0; }
.sonix-status-item-body { flex:1 1 auto; min-width:0; }
.sonix-status-item-body strong { display:block; font-size:.925rem; color:var(--basic-heading-color); }
.sonix-status-item-body span  { display:block; font-size:.8125rem; color:var(--basic-muted-color); }

.sonix-status-badge {
    flex:0 0 auto; padding:.28rem .7rem; border-radius:999px;
    font-size:.75rem; font-weight:700; background:rgba(148,163,184,.14);
}
.sonix-status-badge.sx-active, .sonix-status-badge.sx-completed { background:rgba(16,185,129,.12); }
.sonix-status-badge.sx-maintenance, .sonix-status-badge.sx-pending { background:rgba(245,158,11,.12); }
.sonix-status-badge.sx-degraded { background:rgba(234,88,12,.12); }
.sonix-status-badge.sx-down { background:rgba(239,68,68,.12); }
.sonix-status-badge.sx-checking, .sonix-status-badge.sx-in_progress,
.sonix-status-badge.sx-preparing { background:rgba(14,165,233,.12); }
.sonix-status-badge.sx-planned { background:rgba(99,102,241,.12); }
.sonix-status-badge { display:inline-flex; align-items:center; gap:.3rem; white-space:nowrap; }
.sonix-status-badge .bi { font-size:.8rem; line-height:1; }
.sonix-status { --sx-mavi:#2563eb; }
[data-bs-theme=dark] .sonix-status { --sx-mavi:#60a5fa; }
.sonix-status-list .sx-active { color:var(--sx-mavi); }
.sonix-status-list .sonix-status-icon.sx-active, .sonix-status-list .sonix-status-badge.sx-active { background:rgba(37,99,235,.1); }
.sonix-status-list .sx-preparing { color:#6366f1; }
.sonix-status-list .sonix-status-icon.sx-preparing, .sonix-status-list .sonix-status-badge.sx-preparing { background:rgba(99,102,241,.12); }

.sonix-status-incidents { display:flex; flex-direction:column; gap:.6rem; }
.sonix-status-incident {
    display:flex; align-items:flex-start; gap:.85rem; padding:1.05rem 1.15rem;
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color); border-radius:1.15rem;
}
.sonix-status-incident-body { flex:1 1 auto; min-width:0; }
.sonix-status-incident-body strong { display:block; font-size:.95rem; color:var(--basic-heading-color); }
.sonix-status-incident-body p { margin:.2rem 0 0; font-size:.8125rem; color:var(--basic-muted-color); }
.sonix-status-chips { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.6rem; }
.sonix-chip {
    padding:.2rem .6rem; border-radius:999px; font-size:.7rem; font-weight:600;
    background:rgba(148,163,184,.14); color:var(--basic-muted-color);
}
.sonix-chip-ok  { background:rgba(16,185,129,.12); color:#047857; }
.sonix-chip-tag { background:rgba(var(--basic-primary-rgb),.1); color:var(--basic-primary); }

.sonix-status-empty { padding:3rem 1rem; }
.sonix-status-empty i { font-size:2.75rem; color:var(--sx-ok); }
.sonix-status-empty h2 { margin:1rem 0 .4rem; font-size:1.25rem; font-weight:700; color:var(--basic-heading-color); }
.sonix-status-empty p  { font-size:.9rem; color:var(--basic-muted-color); }

@media (max-width: 575.98px) {
    .sonix-status-list li, .sonix-status-incident { flex-wrap:wrap; }
    .sonix-status-badge { margin-left:auto; }
}

/* ---------- Ödeme adımı sözleşme bölümü ---------- */
.sonix-terms { margin-top:.25rem; }
.sonix-terms-title { font-size:1rem; font-weight:700; color:var(--basic-heading-color); margin-bottom:.75rem; }

.sonix-terms-summary {
    background:var(--basic-body-bg); border:1px solid var(--basic-border-color);
    border-radius:.9rem; padding:1rem 1.1rem; margin-bottom:1rem;
}
.sonix-terms-summary-title {
    display:block; font-size:.8125rem; font-weight:700; color:#0ea5e9; margin-bottom:.65rem;
}
.sonix-terms-summary dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:.75rem 1.25rem; margin:0; }
.sonix-terms-summary dt { font-size:.75rem; font-weight:700; color:var(--basic-muted-color); margin-bottom:.15rem; }
.sonix-terms-summary dd { margin:0; font-size:.8125rem; color:var(--basic-heading-color); line-height:1.45; }
.sonix-terms-warn { color:#dc2626 !important; font-weight:600; }
.sonix-terms-ok { color:#16a34a !important; font-weight:600; }

.sonix-terms-list { display:flex; flex-direction:column; gap:.5rem; }
.sonix-terms-item { border:1px solid var(--basic-border-color); border-radius:.75rem; overflow:hidden; }
.sonix-terms-item.is-uyari { border-color:#dc2626; box-shadow:0 0 0 3px rgba(220,38,38,.14); animation:sonix-uyari .45s ease; }
@keyframes sonix-uyari { 25% { transform:translateX(-6px); } 75% { transform:translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .sonix-terms-item.is-uyari { animation:none; } }
.sonix-terms-head {
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding:.75rem .95rem; border:0; background:transparent; text-align:left;
    font-size:.875rem; font-weight:600; color:var(--basic-heading-color);
}
.sonix-terms-head:hover { background:rgba(var(--basic-primary-rgb),.05); }
.sonix-terms-head i { transition:transform .2s ease; color:var(--basic-muted-color); flex:0 0 auto; }
.sonix-terms-head[aria-expanded="true"] i { transform:rotate(180deg); }
.sonix-terms-body {
    padding:.25rem .95rem 1rem; font-size:.8125rem; color:var(--basic-body-color);
    max-height:260px; overflow-y:auto; border-top:1px solid var(--basic-border-color);
}
.sonix-terms-body p:last-child { margin-bottom:0; }

/* ---------- Çekmecedeki sözleşme listesi ---------- */
.sonix-terms-drawer { margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid var(--basic-border-color); }
.sonix-terms-drawer .sonix-terms-summary dl { grid-template-columns:1fr 1fr; gap:.65rem .9rem; }
.sonix-terms-drawer .sonix-terms-item { margin-bottom:.5rem; }

.sonix-terms-row { display:flex; align-items:center; gap:.6rem; padding:.6rem .75rem; }
.sonix-terms-check {
    width:18px; height:18px; flex:0 0 auto; margin:0; cursor:pointer;
    accent-color:var(--basic-primary);
}
.sonix-terms-label {
    flex:1 1 auto; margin:0; font-size:.8125rem; line-height:1.4;
    color:var(--basic-body-color); cursor:pointer;
}
.sonix-terms-label strong { color:var(--basic-heading-color); font-weight:700; }
.sonix-terms-req { color:#dc2626; font-weight:700; }
.sonix-terms-opt { color:var(--basic-muted-color); font-size:.75rem; }
.sonix-terms-toggle {
    flex:0 0 auto; border:0; background:transparent; padding:.15rem .3rem;
    color:var(--basic-muted-color); line-height:1;
}
.sonix-terms-toggle i { transition:transform .2s ease; display:inline-block; }
.sonix-terms-toggle[aria-expanded="true"] i { transform:rotate(180deg); }

.sonix-terms-drawer .sonix-terms-body { max-height:220px; }
.sonix-terms-accept {
    display:block; margin:.85rem 0 0; color:#fff;
    background:linear-gradient(90deg,var(--basic-primary),var(--basic-secondary));
    border:0; font-weight:600;
}
.sonix-terms-accept:hover { color:#fff; filter:brightness(1.05); }
.sonix-terms-note { margin:.6rem 0 0; font-size:.72rem; color:#dc2626; }

/* ---------- Çekmece adımları ---------- */
.sonix-steps li.is-done { color:var(--basic-muted-color); }
.sonix-steps li.is-done span {
    font-size:0; background:rgba(var(--basic-primary-rgb),.1); border-color:transparent; color:var(--basic-primary);
}
.sonix-steps li.is-done span::before { content:"\f272"; font-family:bootstrap-icons!important; font-size:.8rem; line-height:1; }

.sonix-drawer-actions { display:flex; align-items:center; gap:.6rem; }
.sonix-drawer-backbtn {
    flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:.35rem;
    padding:.58rem 1.05rem; border-radius:999px; font-weight:600; font-size:.875rem;
    background:var(--basic-body-bg); border:1px solid var(--basic-border-color);
    color:var(--basic-muted-color); transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.sonix-drawer-backbtn:hover { border-color:var(--basic-primary); color:var(--basic-primary); background:rgba(var(--basic-primary-rgb),.06); }

.sonix-wa-hint {
    display:flex; align-items:center; flex-wrap:wrap; gap:.25rem .5rem;
    padding:.4rem .5rem .4rem .8rem; margin-bottom:.9rem; border-radius:.75rem; line-height:1.3;
    background:rgba(245,158,11,.1); border:1px solid rgba(245,158,11,.3);
    font-size:.8125rem; color:var(--basic-body-color);
}
.sonix-wa-hint > i { color:#f59e0b; font-size:1rem; flex:0 0 auto; }
.sonix-wa-hint > span { flex:1 1 auto; min-width:8rem; }
.sonix-wa-hint .sonix-wa-btn { padding:.22rem .65rem; font-size:.78rem; line-height:1.3; border-radius:.55rem; }

/* WiseCP'nin kendi kartları çekmece içinde sadeleşsin */
.sonix-drawer [data-sx-account] .card,
.sonix-drawer [data-sx-billing] .card,
.sonix-drawer [data-sx-payment] .card {
    border:0; box-shadow:none; background:transparent; margin-bottom:.5rem;
}
.sonix-drawer [data-sx-account] .card-body,
.sonix-drawer [data-sx-billing] .card-body,
.sonix-drawer [data-sx-payment] .card-body { padding:0 !important; }
.sonix-drawer .checkout-head { margin-bottom:.9rem; }
.sonix-drawer .form-label { font-size:.8125rem; font-weight:600; }
.sonix-drawer .payment-option { margin-bottom:.5rem; }

/* ---------- Çekmece formu (2. adım) ---------- */
.sonix-form { display:flex; flex-direction:column; gap:.85rem; }
.sonix-field-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:.85rem; }
.sonix-field label {
    display:flex; align-items:center; gap:.35rem; margin-bottom:.3rem;
    font-size:.8125rem; font-weight:600; color:var(--basic-heading-color);
}
.sonix-field label i { color:var(--basic-primary); font-size:.875rem; }
.sonix-field label b { color:#dc2626; font-weight:700; }
.sonix-field input,
.sonix-field select {
    width:100%; padding:.6rem .8rem; border-radius:.6rem; font-size:.875rem;
    background:var(--basic-body-bg); color:var(--basic-body-color);
    border:1px solid var(--basic-border-color); transition:border-color .15s ease, box-shadow .15s ease;
}
.sonix-field input:focus,
.sonix-field select:focus {
    outline:0; border-color:var(--basic-primary);
    box-shadow:0 0 0 3px rgba(var(--basic-primary-rgb),.15);
}
.sonix-field input.is-invalid { border-color:#dc2626; box-shadow:0 0 0 3px rgba(239,68,68,.12); }
@media (max-width: 991.98px), (hover: none) and (pointer: coarse) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
    select, textarea { font-size:16px !important; }
}
.iti.iti--container { z-index:1300; }

/* ---------- Ödeme adımı ---------- */
.sonix-pay-title { margin:1.25rem 0 .6rem; font-size:.75rem; font-weight:700;
    letter-spacing:.05em; text-transform:uppercase; color:var(--basic-muted-color); }
.sonix-pay-methods { display:flex; flex-direction:column; gap:.5rem; }
.sonix-pay-option {
    display:flex; align-items:center; gap:.75rem; padding:.85rem 1rem; cursor:pointer;
    border:1px solid var(--basic-border-color); border-radius:.85rem;
    transition:border-color .15s ease, background .15s ease;
}
.sonix-pay-option:hover { border-color:rgba(var(--basic-primary-rgb),.5); }
.sonix-pay-option:has(input:checked) {
    border-color:var(--basic-primary); background:rgba(var(--basic-primary-rgb),.06);
}
.sonix-pay-option input { accent-color:var(--basic-primary); width:17px; height:17px; flex:0 0 auto; }
.sonix-pay-icon { font-size:1.15rem; color:var(--basic-primary); flex:0 0 auto; }
.sonix-pay-body strong { display:block; font-size:.9rem; color:var(--basic-heading-color); }
.sonix-pay-body small  { display:block; font-size:.75rem; color:var(--basic-muted-color); }
.sonix-pay-body small.sonix-pay-fee { color:#b45309; font-weight:600; }
.sonix-pay-note {
    margin:1rem 0 0; padding:.8rem 1rem; border-radius:.75rem; font-size:.8125rem; text-align:center;
    background:rgba(59,130,246,.08); color:#1d4ed8;
}
.sonix-kupon { margin-top:1rem; padding:.85rem 1rem; border:1px dashed var(--basic-border-color); border-radius:.85rem; }
.sonix-kupon-row { display:flex; gap:.5rem; }
.sonix-kupon-row input { flex:1 1 auto; min-width:0; text-transform:uppercase; }
.sonix-kupon-row input::placeholder { text-transform:none; }
.sonix-kupon-btn {
    flex:0 0 auto; padding:.6rem 1rem; border-radius:.6rem; font-size:.875rem; font-weight:600;
    border:1px solid var(--basic-primary); background:rgba(var(--basic-primary-rgb),.08); color:var(--basic-primary);
    transition:background .15s ease;
}
.sonix-kupon-btn:hover { background:rgba(var(--basic-primary-rgb),.16); }
.sonix-kupon-btn:disabled { opacity:.6; cursor:progress; }
.sonix-kupon-msg { margin:.5rem 0 0; font-size:.8125rem; color:#15803d; }
.sonix-kupon-msg.is-hata { color:#dc2626; }
.sonix-kupon-list { display:flex; flex-wrap:wrap; gap:.4rem; }
.sonix-kupon-list:not(:empty) { margin-top:.6rem; }
.sonix-kupon-chip {
    display:inline-flex; align-items:center; gap:.35rem; padding:.2rem .3rem .2rem .65rem; border-radius:999px;
    font-size:.8125rem; font-weight:600; background:rgba(29,179,107,.12); color:#15803d;
}
.sonix-kupon-x { border:0; background:transparent; color:inherit; font-size:1.05rem; line-height:1; padding:0 .3rem; cursor:pointer; border-radius:999px; }
.sonix-kupon-x:hover { background:rgba(29,179,107,.18); }
.sonix-kupon-not { display:flex; align-items:flex-start; gap:.4rem; margin:.65rem 0 0; font-size:.75rem; line-height:1.45; color:var(--basic-muted-color); }
.sonix-kupon-not i { color:var(--basic-primary); flex:0 0 auto; margin-top:.05rem; }
.sx-os-tot .sx-os-kupon > span, .sx-os-tot .sx-os-kupon b { color:#1db36b; }
[data-bs-theme="dark"] .sonix-kupon-msg, [data-bs-theme="dark"] .sonix-kupon-chip { color:#4ade80; }
[data-bs-theme="dark"] .sonix-kupon-msg.is-hata { color:#f87171; }
@media (max-width: 575.98px) { .sonix-field-row { gap:.6rem; } }
@media (max-width: 575.98px) { .sonix-field-row--yigin { grid-template-columns:minmax(0,1fr); } }

/* ---------- Mobilde alttan açılan tam panel ---------- */
@media (max-width: 767.98px) {
    .sonix-drawer {
        top:0; right:0; bottom:0; left:0;
        width:auto; height:auto; max-height:none;
        border-left:0; border-top:0;
        border-radius:0;
        transform:translateY(100%);
        box-shadow:0 -20px 50px -25px rgba(15,23,42,.55);
    }
    .sonix-drawer.is-open { transform:translateY(0); }

    /* tutamaç */
    .sonix-drawer-head { position:relative; padding-top:calc(1rem + env(safe-area-inset-top)); }
    .sonix-drawer-head::before { content:none; }

    .sonix-drawer-body { -webkit-overflow-scrolling:touch; padding:1rem; }
    /* iOS'ta alt çubuk butonu yutmasın */
    .sonix-drawer-foot { padding-bottom:calc(.85rem + env(safe-area-inset-bottom)); }
    .sonix-drawer.is-klavye .sonix-steps { display:none; }
    .sonix-drawer.is-klavye .sonix-drawer-head { padding-top:.75rem; padding-bottom:.75rem; }
    .sonix-drawer.is-klavye .sonix-drawer-foot { padding-top:.5rem; padding-bottom:.5rem; }
}

/* ---------- Butonlar: basıldığında kaymayan, iOS hissi ---------- */
.sonix-buy,
.sonix-drawer-backbtn,
.sonix-terms-accept,
.sonix-hero-cta {
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    user-select:none;
    will-change:transform;
}
.sonix-buy:active,
.sonix-drawer-backbtn:active,
.sonix-terms-accept:active { transform:scale(.97); }
.sonix-buy:hover { transform:none; }          /* yukarı kayma yok, yerinde dursun */
.sonix-buy:focus-visible,
.sonix-drawer-backbtn:focus-visible {
    outline:2px solid var(--basic-primary); outline-offset:2px;
}
.sonix-drawer-actions { align-items:stretch; }
.sonix-drawer-actions .sonix-buy {
    margin-top:0; min-height:52px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:none;
}
.sonix-drawer-actions .sonix-drawer-backbtn {
    min-height:52px; padding:.95rem 1.15rem; justify-content:center;
}
.sonix-buy,
.sonix-drawer-backbtn,
.sonix-terms-accept {
    transition:transform .12s cubic-bezier(.2,.8,.3,1), opacity .12s ease, border-color .15s ease;
}
.sonix-buy:active,
.sonix-drawer-backbtn:active,
.sonix-terms-accept:active { transform:scale(.96); opacity:.88; }
.sonix-drawer-backbtn:active { background:rgba(var(--basic-primary-rgb),.08); }

/* ---------- Domain doğrulama kutuları ---------- */
.sonix-domain-ok, .sonix-domain-bad { margin-top:.6rem; border-radius:.85rem; padding:.85rem 1rem; font-size:.8125rem; }
.sonix-domain-ok  { background:rgba(16,185,129,.08); border:1px solid rgba(16,185,129,.35); }
.sonix-domain-bad { background:rgba(239,68,68,.07);  border:1px solid rgba(239,68,68,.35); }
.sonix-domain-ok > strong {
    display:flex; align-items:center; gap:.45rem; color:#047857; font-size:.875rem; margin-bottom:.6rem;
}
.sonix-domain-dns {
    background:var(--basic-surface-bg); border-radius:.6rem; padding:.7rem .85rem;
}
.sonix-domain-dns span { display:block; font-weight:700; font-size:.8125rem; color:var(--basic-heading-color); margin-bottom:.25rem; }
.sonix-domain-dns p { margin:0; font-size:.75rem; line-height:1.5; color:var(--basic-muted-color); }
.sonix-domain-bad > strong { display:block; color:#dc2626; margin-bottom:.4rem; }
.sonix-domain-bad > span { display:block; font-size:.75rem; color:var(--basic-muted-color); margin-bottom:.2rem; }
.sonix-domain-bad ul { margin:0; padding-left:1.1rem; font-size:.75rem; color:var(--basic-muted-color); }
.sonix-domain-bad li b { color:var(--basic-heading-color); }

/* ---------- Üyelik durumu (2. adım) ---------- */
.sonix-member {
    display:flex; align-items:center; gap:.75rem; margin-bottom:1rem;
    padding:.8rem 1rem; border-radius:.85rem;
    background:rgba(16,185,129,.08); border:1px solid rgba(16,185,129,.3);
}
.sonix-member > i { color:#10b981; font-size:1.2rem; flex:0 0 auto; }
.sonix-member strong { display:block; font-size:.9rem; color:var(--basic-heading-color); }
.sonix-member span   { display:block; font-size:.8125rem; color:var(--basic-muted-color); }
.sonix-signin { margin:0 0 1rem; font-size:.8125rem; color:var(--basic-muted-color); }
.sonix-signin a { font-weight:600; color:var(--basic-primary); }
.sonix-pass-hint { margin:-.25rem 0 0; font-size:.72rem; color:var(--basic-muted-color); }
.sonix-field-hint { margin:-.35rem 0 .2rem; font-size:.72rem; color:var(--basic-muted-color); }

/* ---------- Form bölüm başlıkları (WiseCP kayıt düzeni) ---------- */
.sonix-group {
    display:flex; align-items:center; gap:.5rem; margin:1.25rem 0 .25rem;
    font-size:.875rem; font-weight:700; color:var(--basic-heading-color);
}
.sonix-group:first-child { margin-top:0; }
.sonix-group span {
    width:22px; height:22px; flex:0 0 auto; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    font-size:.7rem; font-weight:700;
    background:rgba(var(--basic-primary-rgb),.12); color:var(--basic-primary);
}

.sonix-kind { display:flex; gap:.5rem; }
.sonix-kind label {
    flex:1 1 0; display:flex; align-items:center; justify-content:center; gap:.4rem;
    padding:.55rem .8rem; border-radius:.6rem; cursor:pointer; font-size:.8125rem; font-weight:600;
    border:1px solid var(--basic-border-color); color:var(--basic-body-color);
}
.sonix-kind label:has(input:checked) {
    border-color:var(--basic-primary); background:rgba(var(--basic-primary-rgb),.07); color:var(--basic-primary);
}
.sonix-kind input { accent-color:var(--basic-primary); }
.sonix-company { display:flex; flex-direction:column; gap:.85rem; }

.sonix-check {
    display:flex; align-items:flex-start; gap:.5rem; font-size:.8125rem;
    color:var(--basic-body-color); cursor:pointer; line-height:1.4;
}
.sonix-check input { accent-color:var(--basic-primary); width:16px; height:16px; margin-top:.1rem; flex:0 0 auto; }

/* ---------- 3. adım: sipariş özeti ---------- */
.sonix-sum {
    border:1px solid var(--basic-border-color); border-radius:.9rem; overflow:hidden;
    background:var(--basic-surface-bg);
}
.sonix-sum-row {
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding:.65rem .9rem; font-size:.8125rem;
    border-bottom:1px solid var(--basic-border-color);
}
.sonix-sum-row:last-child { border-bottom:0; }
.sonix-sum-row span { color:var(--basic-muted-color); }
.sonix-sum-row b    { color:var(--basic-heading-color); font-weight:600; text-align:right; word-break:break-word; }
.sonix-sum-ok b     { color:#16a34a; }

/* ---------- Tutar kutuları ---------- */
.sonix-paybox { margin-top:.85rem; padding:.95rem 1.1rem; border-radius:.95rem; }
.sonix-paybox-first { background:rgba(16,185,129,.09); border:1px solid rgba(16,185,129,.3); }
.sonix-paybox-next  { background:rgba(59,130,246,.08); border:1px solid rgba(59,130,246,.28); }
.sonix-paybox-head {
    display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.35rem;
}
.sonix-paybox-head span { font-size:.875rem; font-weight:700; color:var(--basic-heading-color); }
.sonix-paybox-head b { font-size:1.3rem; font-weight:800; }
.sonix-paybox-first .sonix-paybox-head b { color:#059669; }
.sonix-paybox-next  .sonix-paybox-head b { color:#2563eb; }
.sonix-paybox p { margin:0; font-size:.75rem; line-height:1.5; color:var(--basic-muted-color); }
.sonix-paybox-rate { margin-top:.4rem !important; }

/* ---------- Güvenli ödeme / havale ---------- */
.sonix-secure, .sonix-bank {
    margin-top:.75rem; padding:.85rem 1rem; border-radius:.85rem;
    border:1px solid var(--basic-border-color); background:var(--basic-surface-bg);
}
.sonix-secure-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.3rem; }
.sonix-secure-head span { display:flex; align-items:center; gap:.4rem; font-size:.875rem; font-weight:700; color:var(--basic-heading-color); }
.sonix-secure-head i { color:#16a34a; }
.sonix-secure-head b { font-size:.8125rem; color:var(--basic-primary); }
.sonix-secure p { margin:0; font-size:.75rem; color:var(--basic-muted-color); line-height:1.5; }

.sonix-pay-body small.sonix-pay-balance { color:var(--basic-heading-color); font-weight:600; }

.sonix-balance {
    margin-top:.75rem; padding:.85rem 1rem; border-radius:.85rem;
    border:1px solid rgba(37,99,235,.28); background:rgba(37,99,235,.05);
}
.sonix-balance-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.3rem; }
.sonix-balance-head span { display:flex; align-items:center; gap:.45rem; font-size:.875rem; font-weight:700; color:var(--basic-heading-color); }
.sonix-balance-head i { color:#2563eb; }
.sonix-balance-head b { font-size:.95rem; color:var(--basic-heading-color); white-space:nowrap; }
.sonix-balance p { margin:0; font-size:.75rem; line-height:1.5; color:var(--basic-muted-color); }
.sonix-balance.is-yetersiz { border-color:rgba(220,38,38,.35); background:rgba(220,38,38,.06); }
.sonix-balance.is-yetersiz .sonix-balance-head i, .sonix-balance.is-yetersiz p { color:#b91c1c; }
.sonix-balance.is-uyari { box-shadow:0 0 0 3px rgba(220,38,38,.14); animation:sonix-uyari .45s ease; }
@media (prefers-reduced-motion: reduce) { .sonix-balance.is-uyari { animation:none; } }

.sonix-bank { background:rgba(16,185,129,.06); border-color:rgba(16,185,129,.3); }
.sonix-bank-head { display:flex; align-items:center; gap:.45rem; font-size:.875rem; font-weight:700;
    color:#047857; margin-bottom:.6rem; }
.sonix-bank-note {
    margin:.65rem 0 0; padding:.6rem .75rem; border-radius:.55rem; font-size:.72rem; line-height:1.5;
    background:rgba(245,158,11,.12); color:#92400e;
}

/* Kart ödemesinde ana buton kırmızıya döner (sonixpanel) */
.sonix-buy.sonix-buy-pay { background:linear-gradient(90deg,#10b981,#059669); }
.sonix-buy.sonix-buy-pay:hover { filter:brightness(1.06); box-shadow:0 14px 26px -14px rgba(16,185,129,.75); }

.sonix-drawer-actions { gap:.5rem; }
.sonix-drawer-actions .sonix-buy,
.sonix-drawer-actions .sonix-drawer-backbtn {
    min-height:48px; padding:.7rem 1rem; border-radius:10px;
    font-size:.9375rem; font-weight:600; letter-spacing:0; box-shadow:none;
}
.sonix-drawer-actions .sonix-buy { background:#007aff; border:1px solid #0066d6; color:#fff; }
[data-bs-theme="dark"] .sonix-drawer-actions .sonix-buy { background:#0a84ff; border-color:#3395ff; }
.sonix-drawer-actions .sonix-buy.sonix-buy-pay { background:#16a34a; border-color:#15803d; }
[data-bs-theme="dark"] .sonix-drawer-actions .sonix-buy.sonix-buy-pay { background:#16a34a; border-color:#22c55e; }
.sonix-drawer-actions .sonix-buy:hover { filter:none; box-shadow:none; }
.sonix-drawer-actions .sonix-buy[disabled] {
    opacity:1; background:var(--basic-body-bg); color:var(--basic-muted-color); border-color:var(--basic-border-color);
}
.sonix-drawer-actions .sonix-drawer-backbtn {
    padding:.7rem .9rem; gap:.2rem; background:var(--basic-surface-bg);
    border:1px solid var(--basic-border-color); color:var(--basic-heading-color);
}
.sonix-drawer-actions .sonix-drawer-backbtn:hover { background:var(--basic-body-bg); border-color:var(--basic-border-color); color:var(--basic-heading-color); }

.sonix-selperiod {
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding:.9rem 1.1rem; margin-bottom:1.25rem; border-radius:1rem;
    background:rgba(var(--basic-primary-rgb),.07);
    border:1px solid rgba(var(--basic-primary-rgb),.18);
}
.sonix-selperiod-label {
    font-size:.6875rem; font-weight:700; letter-spacing:.08em;
    text-transform:uppercase; color:var(--basic-primary);
}
.sonix-selperiod-body { display:flex; align-items:baseline; gap:.6rem; }
.sonix-selperiod-body strong { font-size:1.0625rem; font-weight:700; }
.sonix-selperiod-body em { font-style:normal; font-size:.8125rem; color:var(--basic-text); }

.sonix-sel-title {
    font-size:.6875rem; font-weight:700; letter-spacing:.08em;
    text-transform:uppercase; color:var(--basic-text);
    margin:1.25rem 0 .5rem;
}

.sonix-sel-box {
    border:1px solid var(--basic-border-color); border-radius:1rem;
    max-height:230px; overflow-y:auto; overscroll-behavior:contain;
}
.sonix-sel-addon,
.sonix-sel-feats li {
    display:flex; align-items:center; gap:.65rem;
    padding:.7rem .95rem; border-bottom:1px solid var(--basic-border-color);
    font-size:.875rem;
}
.sonix-sel-feats { list-style:none; margin:0; padding:0; }
.sonix-sel-box > *:last-child > *:last-child,
.sonix-sel-feats li:last-child { border-bottom:0; }
.sonix-sel-addon span,
.sonix-sel-feats li span { flex:1 1 auto; }
.sonix-sel-addon b { font-weight:600; color:var(--basic-primary); }
.sonix-sel-addon em { font-style:normal; font-weight:700; color:#16a34a; white-space:nowrap; }
.sonix-sel-feats li i { color:#16a34a; font-size:.95rem; flex:0 0 auto; }
.sonix-sel-feats li em { font-style:normal; color:#16a34a; font-size:.8125rem; white-space:nowrap; }
.sonix-sel-addon { background:rgba(22,163,74,.05); font-weight:500; }

.sonix-row.sonix-row-discount span,
.sonix-row.sonix-row-discount b { color:#16a34a; font-weight:600; }

.sonix-row.sonix-row-subtotal {
    background:rgba(22,163,74,.06); border-radius:.5rem;
    padding-left:.6rem; padding-right:.6rem;
}
.sonix-row.sonix-row-subtotal span,
.sonix-row.sonix-row-subtotal b { font-weight:700; color:#16a34a; }

.sonix-prorate-note {
    margin:.5rem 0 0; font-size:.75rem; line-height:1.4;
    color:var(--basic-text); opacity:.85;
}

.sonix-pass-meter { margin:.5rem 0 .15rem; }
.sonix-pass-bar { height:6px; border-radius:999px; background:var(--basic-border-color); overflow:hidden; }
.sonix-pass-bar span { display:block; height:100%; width:0; border-radius:999px; transition:width .2s ease, background .2s ease; }
.sonix-pass-info { display:flex; justify-content:space-between; gap:.5rem; margin-top:.3rem; font-size:.75rem; color:var(--basic-muted-color); }
.sonix-pass-meter[data-guc="1"] .sonix-pass-bar span { width:25%;  background:#ef4444; }
.sonix-pass-meter[data-guc="2"] .sonix-pass-bar span { width:50%;  background:#f59e0b; }
.sonix-pass-meter[data-guc="3"] .sonix-pass-bar span { width:75%;  background:#0ea5e9; }
.sonix-pass-meter[data-guc="4"] .sonix-pass-bar span { width:100%; background:#10b981; }
.sonix-pass-meter[data-guc="1"] .sonix-pass-info b { color:#ef4444; }
.sonix-pass-meter[data-guc="2"] .sonix-pass-info b { color:#f59e0b; }
.sonix-pass-meter[data-guc="3"] .sonix-pass-info b { color:#0ea5e9; }
.sonix-pass-meter[data-guc="4"] .sonix-pass-info b { color:#10b981; }

.sonix-domain-top { margin-bottom:1.25rem; }

.sonix-payframe-wrap { display:flex; flex-direction:column; min-height:60vh; }
.sonix-payframe-wrap iframe { width:100%; flex:1 1 auto; min-height:60vh; border:0; background:transparent; }

.news-card .news-cover { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:var(--basic-radius); margin-bottom:.25rem; }

.sonix-plans { background:var(--basic-surface-bg); }
.sonix-plans-lead { color:var(--bs-secondary-color); }
.sonix-plans-shell { background:#161c28; color:#e2e8f0; border:1px solid rgba(255,255,255,.08); border-radius:1.25rem; overflow:hidden; box-shadow:0 24px 48px -28px rgba(15,23,42,.55); }
.sonix-plans-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; padding:1rem 1.25rem; border-bottom:1px solid rgba(255,255,255,.08); }
.sonix-plans .nav-pills .nav-link { color:rgba(226,232,240,.7); border-radius:.65rem; font-weight:600; }
.sonix-plans .nav-pills .nav-link:hover { color:#fff; }
.sonix-plans .nav-pills .nav-link.active { background:rgba(255,255,255,.1); color:#fff; }
.sonix-plans .billing-toggle { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); }
.sonix-plans .billing-toggle .billing-option { color:rgba(226,232,240,.75); }
.sonix-plans .billing-toggle .billing-option:hover { color:#fff; }
.sonix-plans .billing-toggle .billing-option.active { background:#fff; color:#0f172a; }
.sonix-plans .tab-content { padding:1.5rem 1.25rem 1.75rem; }
.sonix-plans .plan-grid { padding-top:.5rem !important; }
.sonix-plans .plan-grid > div { width:100%; max-width:24rem; justify-self:center; }
.sonix-plans-all { color:#7dd3fc; font-weight:600; text-decoration:none; }
.sonix-plans-all:hover { color:#fff; }
@media (max-width:575.98px) {
    .sonix-plans-bar { justify-content:center; }
    .sonix-plans .nav-pills { justify-content:center; }
}
@media (max-width:575.98px) {
    .sonix-periods { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:.4rem; }
    .sonix-period { padding:.6rem .35rem; font-size:.8rem; white-space:nowrap; }
    .sonix-periods { padding-top:.35rem; }
    .sonix-period-badge { right:0; }
}

.sonix-mbar {
    position:fixed; left:0; right:0; bottom:0; z-index:1045;
    display:flex; align-items:center; gap:.75rem;
    padding:.75rem .9rem calc(.75rem + env(safe-area-inset-bottom));
    border-radius:1.15rem 1.15rem 0 0; background:rgba(10,11,15,.97); color:#f3f2ee;
    -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%);
    box-shadow:0 -16px 40px -18px rgba(10,11,15,.6);
    transform:translateY(100%); visibility:hidden;
    transition:transform .32s cubic-bezier(.2,.9,.3,1), visibility .32s;
}
.sonix-mbar::before {
    content:""; position:absolute; left:1.25rem; right:1.25rem; top:0; height:1px;
    background:linear-gradient(90deg, transparent, #22d3ee, #3b82f6, #a855f7, #f472b6, transparent); opacity:.85;
}
.sonix-mbar.is-visible { transform:none; visibility:visible; }
.sonix-mbar-ai { flex:0 0 auto; display:block; width:50px; height:38px; }
.sonix-mbar-info { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:.12rem; line-height:1.15; }
.sonix-mbar-kicker {
    font-size:.58rem; font-weight:700; letter-spacing:.02em; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    background:linear-gradient(90deg,#67e8f9,#a78bfa,#f9a8d4); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.sonix-mbar-price { display:flex; align-items:baseline; gap:.3rem; min-width:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
.sonix-mbar-price b { font-size:1.15rem; font-weight:800; letter-spacing:-.01em; color:#fff; }
.sonix-mbar-price small { font-size:.72rem; color:rgba(243,242,238,.6); }
.sonix-mbar-price s { font-size:.72rem; color:rgba(243,242,238,.45); }
.sonix-mbar-kicker.is-indirim { background-image:linear-gradient(90deg,#4ade80,#bef264); }
.sonix-mbar-detail { font-size:.7rem; color:rgba(243,242,238,.62); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sonix-mbar-btn {
    position:relative; overflow:hidden; flex:0 0 auto; display:inline-flex; align-items:center; gap:.45rem;
    min-height:48px; padding:0 .95rem; border:0; border-radius:14px;
    background:linear-gradient(180deg,#ffffff,#eef2ff); color:#0a0b0f; font-weight:800; font-size:.9rem; letter-spacing:.01em; white-space:nowrap;
    box-shadow:0 0 0 1px rgba(255,255,255,.7) inset, 0 10px 26px -10px rgba(168,85,247,.85), 0 0 22px -6px rgba(34,211,238,.45);
    -webkit-tap-highlight-color:transparent; touch-action:manipulation;
    transition:transform .12s cubic-bezier(.2,.8,.3,1), opacity .12s ease;
}
.sonix-mbar-btn::after {
    content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%; transform:skewX(-20deg);
    background:linear-gradient(90deg, transparent, rgba(168,85,247,.28), transparent);
    animation:sonix-mbar-parla 3.4s ease-in-out infinite;
}
.sonix-mbar-btn > * { position:relative; z-index:1; }
.sonix-mbar-btn .bi { font-size:1rem; line-height:1; color:#7c3aed; }
.sonix-mbar-btn:active { transform:scale(.96); opacity:.9; }
@keyframes sonix-mbar-parla { 0%, 55% { left:-60%; } 100% { left:130%; } }
body.sonix-mbar-on .scroll-top { inset-block-end:calc(6.25rem + env(safe-area-inset-bottom)); }
body.sonix-mbar-on .cookie-notice { inset-block-end:calc(5.25rem + env(safe-area-inset-bottom)); }
@media (max-width: 991.98px) {
    body:has(> .sonix-mbar) .site-footer { padding-bottom:calc(5.75rem + env(safe-area-inset-bottom)); }
}
.sonix-pricing.is-in-sheet { padding-top:.25rem !important; padding-bottom:1.25rem !important; background:transparent; }
.sonix-pricing.is-in-sheet .sonix-pricing-title { font-size:1.25rem; }
@media (min-width: 992px) { .sonix-mbar { display:none !important; } }
@media (max-width: 359.98px) { .sonix-mbar-ai { display:none; } }
@media (prefers-reduced-motion: reduce) {
    .sonix-mbar { transition:none; }
    .sonix-mbar-btn::after { animation:none; display:none; }
}

.sx-os { border:1px solid var(--basic-border-color); border-radius:16px; overflow:hidden; background:var(--basic-surface-bg); }
.sx-os-items { padding:2px 14px; }
.sx-os-it { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:10px 0; border-bottom:1px solid var(--basic-border-color); }
.sx-os-it:last-child { border-bottom:0; }
.sx-os-it-l { display:flex; flex-direction:column; gap:2px; min-width:0; }
.sx-os-it-n { font-size:13.5px; line-height:1.35; color:var(--basic-heading-color); }
.sx-os-it-s { font-size:12px; line-height:1.35; color:var(--basic-muted-color); }
.sx-os-it-p { flex-shrink:0; font-size:13.5px; font-weight:600; white-space:nowrap; color:var(--basic-heading-color); font-variant-numeric:tabular-nums; }
.sx-os-it-p em, .sx-os-tot em { font-style:normal; font-size:12px; font-weight:400; color:var(--basic-muted-color); }
.sx-os-it.is-ek .sx-os-it-p { color:var(--basic-primary-text, var(--basic-primary)); }
.sx-os-it.is-indirim .sx-os-it-n, .sx-os-it.is-indirim .sx-os-it-p { color:#1db36b; }
.sx-os-tot { display:flex; flex-direction:column; gap:8px; padding:12px 14px; background:var(--basic-body-bg); border-top:1px solid var(--basic-border-color); }
.sx-os-tot > div { display:flex; justify-content:space-between; align-items:baseline; gap:12px; font-size:13.5px; }
.sx-os-tot > div > span { color:var(--basic-muted-color); }
.sx-os-tot small { font-size:12px; }
.sx-os-tot b { font-weight:600; white-space:nowrap; color:var(--basic-heading-color); font-variant-numeric:tabular-nums; }
.sx-os-tot .sub { padding-top:8px; border-top:1px dashed var(--basic-border-color); }
.sx-os-today { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 12px; padding:14px; background:#0e0e10; color:#f3f2ee; }
.sx-os-today-l { min-width:0; flex:1 1 9rem; }
.sx-os-today-k { margin:0 0 4px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#d9f36b; }
.sx-os-today-f { margin:0; font-size:12px; line-height:1.4; color:#8a8a94; }
.sx-os-today-f b { font-weight:600; color:#c9c9d1; }
.sx-os-today-f em { font-style:normal; }
.sx-os-today-f.sx-os-rate { margin-top:4px; }
.sx-os-today .sonix-prorate-note { margin:.35rem 0 0; font-size:11.5px; color:#8a8a94; }
.sx-os-today-v { flex:none; font-size:26px; font-weight:600; letter-spacing:-.03em; line-height:1; white-space:nowrap; color:#fff; font-variant-numeric:tabular-nums; }
[data-bs-theme="dark"] .sx-os-today { background:#050506; box-shadow:inset 0 1px 0 rgba(217,243,107,.22); }
.sx-os-next { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:6px 12px; padding:12px 14px; background:#1a1a1f; border-top:1px dashed rgba(255,255,255,.16); color:#f3f2ee; }
.sx-os-next-l { min-width:0; flex:1 1 9rem; }
.sx-os-next-k { display:flex; align-items:center; gap:6px; margin:0; font-size:13px; font-weight:600; line-height:1.3; color:#fff; }
.sx-os-next-k .bi { color:#d9f36b; font-size:14px; }
.sx-os-next-f { margin:3px 0 0 20px; font-size:11.5px; line-height:1.35; color:#8a8a94; }
.sx-os-next-v { flex:none; font-size:21px; font-weight:600; letter-spacing:-.02em; line-height:1; white-space:nowrap; color:#d9f36b; font-variant-numeric:tabular-nums; }
.sx-os-next-v em { font-style:normal; font-size:12px; font-weight:500; color:#c9c9d1; margin-left:3px; }
[data-bs-theme="dark"] .sx-os-next { background:#101013; }
.sonix-box .sx-os { margin-bottom:1rem; }
.sonix-drawer .sx-os { margin-bottom:1rem; }

.sonix-hero-gradient[data-text] { position: relative; }
.sonix-hero-gradient[data-text]::before {
    content: attr(data-text);
    position: absolute;
    inset: 0 0 auto 0;
    padding-inline: .1em;
    color: transparent;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.95) 50%, transparent 60%) no-repeat;
    background-size: 250% 100%;
    background-position: 130% 0;
    -webkit-background-clip: text;
    background-clip: text;
    animation: sx-hero-isik-yazi 6s ease-in-out 2.4s infinite;
}
.sonix-hero-cta { position: relative; overflow: hidden; isolation: isolate; }
.sonix-hero-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.65) 50%, transparent 62%) no-repeat;
    background-size: 250% 100%;
    background-position: 130% 0;
    animation: sx-hero-isik-btn 6s ease-in-out 2.4s infinite;
}
.sonix-hero-cta > * { position: relative; }
@keyframes sx-hero-isik-yazi {
    0%        { background-position: 130% 0; }
    32%, 100% { background-position: -30% 0; }
}
@keyframes sx-hero-isik-btn {
    0%, 30%   { background-position: 130% 0; }
    52%, 100% { background-position: -30% 0; }
}
[dir="rtl"] .sonix-hero-gradient[data-text]::before { animation-direction: reverse; }
[dir="rtl"] .sonix-hero-cta::after { animation-direction: reverse; }
@media (prefers-reduced-motion: reduce) {
    .sonix-hero-gradient[data-text]::before,
    .sonix-hero-cta::after { animation: none; opacity: 0; }
}

.sonix-phone-slide-fit { background:#0d0d12; }
.sonix-phone-slide-fit::before {
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:var(--sx-slayt) center / cover no-repeat;
    filter:blur(18px) brightness(.55) saturate(1.2);
    transform:scale(1.2);
}
.sonix-phone-slide-fit :is(img, video) {
    position:relative; z-index:1;
    object-fit:contain; object-position:50% 40%;
    filter:drop-shadow(0 12px 22px rgba(0,0,0,.45));
}
.sonix-phone-slide-fit figcaption { z-index:2; }
.sonix-phone-slide-fit.is-active :is(img, video),
.sonix-phone-slide-fit.is-leaving :is(img, video) { animation-name:sonix-kb-hafif; }
@keyframes sonix-kb-hafif { from { transform:scale(1); } to { transform:scale(1.04); } }
.sonix-phone-slide-dolu { background:#0d0d12; }
.sonix-phone-slide-dolu :is(img, video) { object-position:50% 0; transform-origin:50% 0; }
.sonix-phone-slide-dolu.is-active :is(img, video),
.sonix-phone-slide-dolu.is-leaving :is(img, video) { animation-name:sonix-kb-hafif; }

@media (min-width: 992px) {
    .sonix-hero-gradient { white-space: nowrap; font-size: clamp(2.4rem, 3.4vw, 3rem); }
}

.sx-yorunge-halka {
    position:absolute; left:50%; top:50%; z-index:0; overflow:visible; pointer-events:none;
    transform:translate(-50%,-50%); opacity:0; transition:opacity .8s ease;
}
.sx-yorunge-halka.is-hazir { opacity:1; }
.sx-yorunge-halka path { fill:none; vector-effect:non-scaling-stroke; }
.sx-yorunge-halka [data-halka="ic"] { stroke:var(--basic-border-color); stroke-width:1.25; }
.sx-yorunge-halka [data-halka="dis"] {
    stroke:rgba(var(--basic-secondary-rgb),.45); stroke-width:1.25; stroke-dasharray:5 7;
    animation:sx-halka-akis 30s linear infinite;
}
@keyframes sx-halka-akis { to { stroke-dashoffset:-240; } }
.sx-yorunge {
    position:absolute; left:50%; top:50%; width:0; height:0; z-index:3; pointer-events:none;
    opacity:0; transition:opacity .8s ease .2s;
}
.sx-yorunge.is-hazir { opacity:1; }
.sx-uydu {
    position:absolute; left:0; top:0; display:grid; place-items:center;
    inline-size:2.75rem; block-size:2.75rem; border-radius:50%;
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color);
    color:var(--basic-secondary); font-size:1.15rem; line-height:1;
    box-shadow:0 12px 24px -14px rgba(15,23,42,.55);
    pointer-events:auto; cursor:default; outline:none; will-change:transform;
    -webkit-tap-highlight-color:transparent;
}
.sx-uydu-mavi { background:var(--basic-secondary); border-color:var(--basic-secondary); color:#fff; }
.sx-uydu-gri  { background:var(--basic-primary);   border-color:var(--basic-primary);   color:#fff; }
.sx-uydu::after {
    content:attr(data-etiket); position:absolute; top:50%; white-space:nowrap; pointer-events:none;
    padding:.35rem .75rem; border-radius:999px; font-size:.8125rem; font-weight:600; line-height:1.2;
    background:var(--basic-surface-bg); color:var(--basic-heading-color); border:1px solid var(--basic-border-color);
    box-shadow:0 10px 22px -14px rgba(15,23,42,.5);
    opacity:0; transition:opacity .35s ease, transform .35s cubic-bezier(.22,.61,.36,1);
}
.sx-uydu.sx-etiket-sag::after { left:calc(100% + .55rem); transform:translate(-.4rem,-50%); }
.sx-uydu.sx-etiket-sol::after { right:calc(100% + .55rem); transform:translate(.4rem,-50%); }
.sx-uydu.is-tepede::after, .sx-uydu:hover::after, .sx-uydu:focus-visible::after, .sx-uydu:focus::after { opacity:1; transform:translate(0,-50%); }
.sx-uydu:focus-visible { box-shadow:0 0 0 3px rgba(var(--basic-secondary-rgb),.35); }
@media (max-width: 575.98px) {
    .sx-uydu { inline-size:2.25rem; block-size:2.25rem; font-size:.95rem; }
    .sx-uydu::after { font-size:.72rem; padding:.28rem .6rem; }
}
@media (prefers-reduced-motion: reduce) {
    .sx-yorunge-halka [data-halka="dis"] { animation:none; }
}