@property --wz-p {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}

@property --wz-a {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

#teklif-formu {
    --wz-p: 0;
    --wz-c: rgb(var(--azure));
    --wz-ink: #05070b;
    --wz-dx: 0px;
    --wz-dy: 12px;
    --wz-ox: 0px;
    position: relative;
    isolation: isolate;
    max-width: 820px;
    border-color: transparent;
    background:
        linear-gradient(180deg, #111217 0%, #0b0c0f 46%, #08090b 100%) padding-box,
        linear-gradient(180deg, rgb(255 255 255 / .17), rgb(255 255 255 / .07) 28%, rgb(255 255 255 / .05)) border-box;
    box-shadow: 0 1px 0 rgb(255 255 255 / .04) inset, 0 60px 120px -60px rgb(0 0 0 / .95), 0 40px 90px -50px rgb(var(--azure) / .22);
    transition: --wz-p 1s var(--ease);
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
    #teklif-formu {
        --wz-c: color-mix(in oklab, rgb(var(--lagoon)) calc(clamp(0, var(--wz-p) * 2 - 1, 1) * 100%),
            color-mix(in oklab, rgb(var(--iris)) calc(clamp(0, var(--wz-p) * 2, 1) * 100%), rgb(var(--azure))));
    }
}

#teklif-formu::before,
#teklif-formu::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

#teklif-formu::before {
    inset: 0 0 auto;
    height: min(360px, 70%);
    border-radius: inherit;
    background: radial-gradient(64% 100% at 50% 0%, rgb(var(--azure) / .16), rgb(var(--azure) / 0) 72%);
}

#teklif-formu::after {
    top: -1px;
    inset-inline: 10%;
    height: 1px;
    background: linear-gradient(90deg, rgb(var(--azure) / 0), rgb(var(--azure) / .95) 50%, rgb(var(--azure) / 0));
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
    #teklif-formu::before {
        background: radial-gradient(64% 100% at 50% 0%, color-mix(in srgb, var(--wz-c) 17%, transparent), transparent 72%);
    }

    #teklif-formu::after {
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--wz-c) 95%, transparent) 50%, transparent);
    }
}

@media (min-width: 640px) {
    #teklif-formu {
        padding: 40px 40px 36px;
    }
}

#teklif-formu .wz-top {
    flex-wrap: wrap;
    row-gap: 2px;
    margin-bottom: 14px;
    color: var(--text-2);
    font-size: 14px;
}

#teklif-formu .wz-count {
    color: var(--text);
    white-space: nowrap;
}

#teklif-formu .wz-bar {
    --gap: 4px;
    container-type: inline-size;
    position: relative;
    height: 4px;
    margin-bottom: 34px;
    overflow: visible;
    border-radius: 0;
    background: none;
    filter: drop-shadow(0 0 6px rgb(var(--azure) / .45));
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
    #teklif-formu .wz-bar {
        filter: drop-shadow(0 0 6px color-mix(in srgb, var(--wz-c) 50%, transparent));
    }
}

#teklif-formu .wz-bar::before,
#teklif-formu .wz-bar i {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--gap)), transparent 0);
    mask-image: linear-gradient(90deg, #000 calc(100% - var(--gap)), transparent 0);
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
}

#teklif-formu .wz-bar::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(255 255 255 / .11);
    -webkit-mask-size: calc((100% + var(--gap)) / 12) 100%;
    mask-size: calc((100% + var(--gap)) / 12) 100%;
}

#teklif-formu .wz-bar i {
    position: relative;
    display: block;
    width: 8.34%;
    height: 100%;
    border-radius: 0;
    background: linear-gradient(90deg, rgb(var(--azure)), rgb(var(--iris)) 52%, rgb(var(--lagoon))) 0 0 / 100cqw 100% no-repeat;
    -webkit-mask-size: calc((100cqw + var(--gap)) / 12) 100%;
    mask-size: calc((100cqw + var(--gap)) / 12) 100%;
    transition: width .7s var(--ease-out);
}

html[dir="rtl"] #teklif-formu .wz-bar::before,
html[dir="rtl"] #teklif-formu .wz-bar i {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--gap)), transparent 0);
    mask-image: linear-gradient(270deg, #000 calc(100% - var(--gap)), transparent 0);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
}

html[dir="rtl"] #teklif-formu .wz-bar i {
    background-image: linear-gradient(270deg, rgb(var(--azure)), rgb(var(--iris)) 52%, rgb(var(--lagoon)));
    background-position: 100% 0;
}

#teklif-formu .wz-stage {
    position: relative;
}

#teklif-formu .wz-stage.is-sizing {
    overflow-x: visible;
    overflow-y: clip;
    transition: height .46s var(--ease-out);
}

#teklif-formu .wz-step legend {
    font-size: clamp(1.35rem, 1.08rem + 1vw, 1.9rem);
    letter-spacing: -.021em;
    line-height: 1.22;
    text-wrap: pretty;
}

#teklif-formu .wz-sub {
    margin-top: 8px;
    color: var(--text-3);
    font-size: 14px;
}

#teklif-formu[data-dir="next"] {
    --wz-dx: 34px;
    --wz-dy: 0px;
    --wz-ox: -34px;
}

#teklif-formu[data-dir="prev"] {
    --wz-dx: -34px;
    --wz-dy: 0px;
    --wz-ox: 34px;
}

html[dir="rtl"] #teklif-formu[data-dir="next"] {
    --wz-dx: -34px;
    --wz-ox: 34px;
}

html[dir="rtl"] #teklif-formu[data-dir="prev"] {
    --wz-dx: 34px;
    --wz-ox: -34px;
}

.js #teklif-formu .wz-step.is-current {
    animation: none;
}

.js #teklif-formu .wz-step.is-current > legend,
.js #teklif-formu .wz-step.is-current > .wz-sub,
.js #teklif-formu .wz-step.is-current .opt-card,
.js #teklif-formu .wz-step.is-current > .wz-field,
.js #teklif-formu .wz-step.is-current > .consent,
.js #teklif-formu .wz-step.is-current > .wz-hint,
.js #teklif-formu .wz-step.is-current .wz-review-head,
.js #teklif-formu .wz-step.is-current .wz-review-grid > li {
    animation: wzIn .56s var(--ease-out) .08s backwards;
}

.js #teklif-formu .wz-step.is-current > .wz-sub {
    animation-delay: .12s;
}

.js #teklif-formu .wz-step.is-current .opt-card {
    animation-delay: calc(.16s + var(--k, 0) * .04s);
}

.js #teklif-formu .wz-step.is-current > .wz-field {
    animation-delay: .14s;
}

.js #teklif-formu .wz-step.is-current > .consent {
    animation-delay: .19s;
}

.js #teklif-formu .wz-step.is-current > .wz-hint {
    animation-delay: .26s;
}

.js #teklif-formu .wz-step.is-current .wz-review-head {
    animation-delay: .3s;
}

.js #teklif-formu .wz-step.is-current .wz-review-grid > li {
    animation-delay: calc(.34s + var(--k, 0) * .03s);
}

#teklif-formu .opt-card:nth-child(2),
#teklif-formu .wz-review-grid > li:nth-child(2) { --k: 1; }
#teklif-formu .opt-card:nth-child(3),
#teklif-formu .wz-review-grid > li:nth-child(3) { --k: 2; }
#teklif-formu .opt-card:nth-child(4),
#teklif-formu .wz-review-grid > li:nth-child(4) { --k: 3; }
#teklif-formu .opt-card:nth-child(5),
#teklif-formu .wz-review-grid > li:nth-child(5) { --k: 4; }
#teklif-formu .opt-card:nth-child(6),
#teklif-formu .wz-review-grid > li:nth-child(6) { --k: 5; }
#teklif-formu .wz-review-grid > li:nth-child(7) { --k: 6; }
#teklif-formu .wz-review-grid > li:nth-child(8) { --k: 7; }
#teklif-formu .wz-review-grid > li:nth-child(9) { --k: 8; }
#teklif-formu .wz-review-grid > li:nth-child(10) { --k: 9; }
#teklif-formu .wz-review-grid > li:nth-child(11) { --k: 10; }

.js #teklif-formu .wz-step.is-leaving {
    position: absolute;
    inset: 0 0 auto;
    display: block;
    pointer-events: none;
    animation: wzOut .24s cubic-bezier(.4, 0, 1, 1) both;
}

@keyframes wzIn {
    from {
        opacity: 0;
        transform: translate3d(var(--wz-dx), var(--wz-dy), 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes wzOut {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(var(--wz-ox), 0, 0);
    }
}

#teklif-formu .wz-step.is-nudged .opt-grid,
#teklif-formu .wz-step.is-nudged > .wz-field,
#teklif-formu .wz-step.is-nudged > .consent {
    animation: wzNudge .42s var(--ease);
}

@keyframes wzNudge {
    0%, 100% { transform: none; }
    20% { transform: translateX(-7px); }
    40% { transform: translateX(6px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(2px); }
}

#teklif-formu .opt-grid {
    gap: 10px;
    margin-top: 24px;
}

@media (min-width: 560px) {
    #teklif-formu .opt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 720px) {
    #teklif-formu .opt-grid--langs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    #teklif-formu .opt-grid--six {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

#teklif-formu .opt-card {
    --g: var(--azure);
    --g2: var(--iris);
    position: relative;
    isolation: isolate;
    gap: 14px;
    min-height: 64px;
    padding: 12px 16px 12px 12px;
    padding-inline: 12px 16px;
    border: 1px solid transparent;
    border-radius: var(--r-md);
    background:
        linear-gradient(180deg, #131419, #0d0e11) padding-box,
        linear-gradient(180deg, rgb(255 255 255 / .15), rgb(255 255 255 / .075)) border-box;
    font-size: 15px;
    line-height: 1.4;
    transition: box-shadow .4s var(--ease), transform .3s var(--ease);
}

#teklif-formu .opt-card:nth-child(3n + 2) {
    --g: var(--iris);
    --g2: var(--lagoon);
}

#teklif-formu .opt-card:nth-child(3n) {
    --g: var(--lagoon);
    --g2: var(--azure);
}

#teklif-formu .opt-card:hover {
    border-color: transparent;
}

#teklif-formu .opt-card:active {
    transform: scale(.985);
}

#teklif-formu .opt-card,
#teklif-formu .wz-review-item {
    -webkit-tap-highlight-color: transparent;
}

#teklif-formu .opt-card::before,
#teklif-formu .opt-card::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    transition: opacity .35s var(--ease);
}

#teklif-formu .opt-card::before {
    inset: -1px;
    padding: 1px;
    background: linear-gradient(120deg, rgb(var(--g)), rgb(var(--g2)));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

#teklif-formu .opt-card::after {
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(105deg, rgb(255 255 255 / 0) 38%, rgb(255 255 255 / .11) 50%, rgb(255 255 255 / 0) 62%) 150% 0 / 250% 100% no-repeat,
        radial-gradient(120% 150% at 0% 50%, rgb(var(--g) / .2), rgb(var(--g) / 0) 62%);
}

html[dir="rtl"] #teklif-formu .opt-card::after {
    background:
        linear-gradient(255deg, rgb(255 255 255 / 0) 38%, rgb(255 255 255 / .11) 50%, rgb(255 255 255 / 0) 62%) -60% 0 / 250% 100% no-repeat,
        radial-gradient(120% 150% at 100% 50%, rgb(var(--g) / .2), rgb(var(--g) / 0) 62%);
}

#teklif-formu .opt-card:has(input:checked) {
    border-color: transparent;
    background:
        linear-gradient(180deg, #14161c, #0d0e12) padding-box,
        linear-gradient(180deg, rgb(255 255 255 / .15), rgb(255 255 255 / .075)) border-box;
    box-shadow: 0 0 0 3px rgb(var(--g) / .12), 0 18px 40px -22px rgb(var(--g) / .85);
}

#teklif-formu .opt-card:has(input:checked)::before {
    opacity: 1;
}

#teklif-formu .opt-card:has(input:checked)::after {
    opacity: 1;
    animation: wzGlint .9s var(--ease-out) .05s both;
}

html[dir="rtl"] #teklif-formu .opt-card:has(input:checked)::after {
    animation-name: wzGlintRtl;
}

@keyframes wzGlint {
    from { background-position: 150% 0, 0 0; }
    to { background-position: -60% 0, 0 0; }
}

@keyframes wzGlintRtl {
    from { background-position: -60% 0, 0 0; }
    to { background-position: 150% 0, 0 0; }
}

#teklif-formu .opt-card:has(input:focus-visible) {
    outline: 2px solid var(--frost);
    outline-offset: 3px;
}

#teklif-formu .opt-card input:focus-visible {
    outline: none;
}

#teklif-formu .opt-text {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--text);
    overflow-wrap: break-word;
}

#teklif-formu .opt-card input,
#teklif-formu .consent input {
    width: 22px;
    height: 22px;
    margin: 0;
    border: 1.5px solid rgb(255 255 255 / .26);
    border-radius: 6px;
    background: rgb(0 0 0 / .35);
    transition: border-color .25s ease, background-color .25s ease, box-shadow .3s ease;
}

#teklif-formu .opt-card input {
    order: 3;
}

#teklif-formu .opt-card input[type="radio"] {
    border-radius: 50%;
}

#teklif-formu .opt-card input::before,
#teklif-formu .consent input::before {
    width: 11px;
    height: 11px;
    background: var(--wz-ink);
    transform: scale(0);
    transition: transform .42s cubic-bezier(.34, 1.56, .64, 1);
}

#teklif-formu .opt-card input[type="radio"]::before {
    width: 8px;
    height: 8px;
}

#teklif-formu .opt-card input:checked {
    border-color: transparent;
    background: linear-gradient(135deg, rgb(var(--g)), rgb(var(--g2)));
    box-shadow: 0 4px 12px -4px rgb(var(--g) / .8);
}

#teklif-formu .consent input:checked {
    border-color: transparent;
    background: linear-gradient(135deg, rgb(var(--azure)), rgb(var(--iris)));
}

#teklif-formu .opt-card input:checked::before,
#teklif-formu .consent input:checked::before {
    transform: scale(1);
}

@media (hover: hover) {
    #teklif-formu .opt-card:hover {
        box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);
    }

    #teklif-formu .opt-card:has(input:checked):hover {
        box-shadow: 0 0 0 3px rgb(var(--g) / .16), 0 18px 40px -22px rgb(var(--g) / .9);
    }

    #teklif-formu .opt-card:hover input:not(:checked),
    #teklif-formu .consent:hover input:not(:checked) {
        border-color: rgb(255 255 255 / .45);
    }
}

#teklif-formu .opt-glyph {
    position: relative;
    flex: none;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: var(--r-md);
    background: rgb(var(--g) / .1);
    box-shadow: inset 0 0 0 1px rgb(var(--g) / .24);
    color: rgb(var(--g));
    transition: color .3s ease, box-shadow .3s ease, background-color .3s ease;
}

#teklif-formu .opt-glyph::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgb(var(--g)), rgb(var(--g2)));
    opacity: 0;
    transform: scale(.6);
    transition: opacity .3s ease, transform .45s cubic-bezier(.34, 1.56, .64, 1);
}

#teklif-formu .opt-glyph .lucide {
    position: relative;
    width: 19px;
    height: 19px;
}

@media (hover: hover) {
    #teklif-formu .opt-card:hover .opt-glyph {
        background-color: rgb(var(--g) / .16);
    }
}

#teklif-formu .opt-card:has(input:checked) .opt-glyph {
    color: var(--wz-ink);
    box-shadow: 0 8px 18px -8px rgb(var(--g) / .9);
}

#teklif-formu .opt-card:has(input:checked) .opt-glyph::before {
    opacity: 1;
    transform: none;
}

#teklif-formu .opt-flagbox {
    width: 30px;
    height: 22px;
    border-radius: 3px;
    background: none;
    box-shadow: none;
}

#teklif-formu .opt-flagbox::before {
    display: none;
}

#teklif-formu .opt-flag {
    width: 30px;
    height: 22px;
    border-radius: 3px;
    object-fit: cover;
    outline: 1px solid rgb(128 128 128 / .34);
    outline-offset: -1px;
    box-shadow: 0 6px 14px -6px rgb(0 0 0 / .8);
    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), box-shadow .35s ease;
}

#teklif-formu .opt-card:has(input:checked) .opt-flagbox {
    box-shadow: none;
}

#teklif-formu .opt-card:has(input:checked) .opt-flag {
    transform: translateY(-1px) scale(1.06);
    box-shadow: 0 0 0 2px rgb(var(--g) / .55), 0 8px 18px -6px rgb(var(--g) / .7);
}

#teklif-formu .opt-flagbox--other {
    color: var(--text-2);
    background: rgb(255 255 255 / .07);
    box-shadow: inset 0 0 0 1px rgb(128 128 128 / .34);
    transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), box-shadow .35s ease, color .3s ease, background-color .3s ease;
}

#teklif-formu .opt-flagbox--other .lucide {
    width: 16px;
    height: 16px;
}

@media (hover: hover) {
    #teklif-formu .opt-card:hover .opt-flagbox--other {
        background-color: rgb(255 255 255 / .1);
        color: var(--text);
    }
}

#teklif-formu .opt-card:has(input:checked) .opt-flagbox--other {
    color: var(--text);
    transform: translateY(-1px) scale(1.06);
    box-shadow: inset 0 0 0 1px rgb(128 128 128 / .34), 0 0 0 2px rgb(var(--g) / .55), 0 8px 18px -6px rgb(var(--g) / .7);
}

#teklif-formu .opt-meter {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    padding-bottom: 10px;
}

#teklif-formu .opt-meter i {
    position: relative;
    width: 4px;
    height: 6px;
    border-radius: 1px;
    background: rgb(var(--g) / .3);
    transition: background-color .3s ease, transform .45s cubic-bezier(.34, 1.56, .64, 1);
    transform-origin: 50% 100%;
}

#teklif-formu .opt-meter i:nth-child(2) { height: 10px; }
#teklif-formu .opt-meter i:nth-child(3) { height: 14px; }
#teklif-formu .opt-meter i:nth-child(4) { height: 18px; }

#teklif-formu .opt-meter[data-n="1"] i:nth-child(-n + 1),
#teklif-formu .opt-meter[data-n="2"] i:nth-child(-n + 2),
#teklif-formu .opt-meter[data-n="3"] i:nth-child(-n + 3),
#teklif-formu .opt-meter[data-n="4"] i {
    background: rgb(var(--g));
}

#teklif-formu .opt-card:has(input:checked) .opt-meter i {
    background: rgb(5 7 11 / .3);
}

#teklif-formu .opt-card:has(input:checked) .opt-meter[data-n="1"] i:nth-child(-n + 1),
#teklif-formu .opt-card:has(input:checked) .opt-meter[data-n="2"] i:nth-child(-n + 2),
#teklif-formu .opt-card:has(input:checked) .opt-meter[data-n="3"] i:nth-child(-n + 3),
#teklif-formu .opt-card:has(input:checked) .opt-meter[data-n="4"] i {
    background: var(--wz-ink);
    animation: wzBar .5s cubic-bezier(.34, 1.56, .64, 1) both;
}

#teklif-formu .opt-card:has(input:checked) .opt-meter i:nth-child(2) { animation-delay: .05s; }
#teklif-formu .opt-card:has(input:checked) .opt-meter i:nth-child(3) { animation-delay: .1s; }
#teklif-formu .opt-card:has(input:checked) .opt-meter i:nth-child(4) { animation-delay: .15s; }

@keyframes wzBar {
    from { transform: scaleY(.3); }
    to { transform: none; }
}

@media (min-width: 900px) {
    #teklif-formu .opt-grid--scale {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #teklif-formu .opt-grid--scale .opt-card {
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        min-height: 124px;
        padding: 14px 16px 16px;
    }

    #teklif-formu .opt-grid--scale .opt-card input {
        position: absolute;
        top: 14px;
        inset-inline-end: 14px;
    }

    #teklif-formu .opt-grid--scale .opt-text {
        flex: none;
    }

    #teklif-formu .opt-grid--scale .opt-card:nth-child(5) {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
        min-height: 64px;
        padding: 12px 16px 12px 12px;
        padding-inline: 12px 16px;
    }

    #teklif-formu .opt-grid--scale .opt-card:nth-child(5) input {
        position: static;
    }

    #teklif-formu .opt-grid--scale .opt-card:nth-child(5) .opt-text {
        flex: 1 1 auto;
    }

    #teklif-formu .opt-grid--scale .opt-card::after {
        background:
            linear-gradient(105deg, rgb(255 255 255 / 0) 38%, rgb(255 255 255 / .11) 50%, rgb(255 255 255 / 0) 62%) 150% 0 / 250% 100% no-repeat,
            radial-gradient(130% 110% at 0% 0%, rgb(var(--g) / .22), rgb(var(--g) / 0) 64%);
    }

    html[dir="rtl"] #teklif-formu .opt-grid--scale .opt-card::after {
        background:
            linear-gradient(255deg, rgb(255 255 255 / 0) 38%, rgb(255 255 255 / .11) 50%, rgb(255 255 255 / 0) 62%) -60% 0 / 250% 100% no-repeat,
            radial-gradient(130% 110% at 100% 0%, rgb(var(--g) / .22), rgb(var(--g) / 0) 64%);
    }
}

#teklif-formu .wz-hint {
    margin-top: 22px;
    padding: 14px 16px;
    border: 0;
    border-radius: var(--r-md);
    background: rgb(255 255 255 / .028);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .06);
    color: var(--text-2);
}

#teklif-formu .wz-hint .lucide {
    color: rgb(var(--azure));
    color: var(--wz-c);
}

#teklif-formu .wz-field {
    position: relative;
    margin-top: 26px;
}

#teklif-formu .wz-field input,
#teklif-formu .wz-field textarea {
    min-height: 62px;
    padding: 16px 18px;
    border: 1px solid rgb(255 255 255 / .15);
    border-radius: var(--r-md);
    background: rgb(0 0 0 / .45);
    font-size: 17px;
    transition: border-color .25s ease, box-shadow .35s ease, background-color .25s ease;
}

#teklif-formu .wz-field textarea {
    min-height: 156px;
    font-size: 16px;
    line-height: 1.6;
}

#teklif-formu .wz-field input::placeholder,
#teklif-formu .wz-field textarea::placeholder {
    color: var(--text-3);
    opacity: 1;
}

#teklif-formu .wz-field input:hover,
#teklif-formu .wz-field textarea:hover {
    border-color: rgb(255 255 255 / .26);
}

#teklif-formu .wz-field input:focus,
#teklif-formu .wz-field textarea:focus {
    outline: none;
    border-color: rgb(var(--azure) / .8);
    background: #000;
    box-shadow: 0 0 0 4px rgb(var(--azure) / .16), 0 14px 34px -18px rgb(var(--azure) / .7);
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
    #teklif-formu .wz-field input:focus,
    #teklif-formu .wz-field textarea:focus {
        border-color: color-mix(in srgb, var(--wz-c) 80%, transparent);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--wz-c) 16%, transparent), 0 14px 34px -18px color-mix(in srgb, var(--wz-c) 70%, transparent);
    }
}

#teklif-formu .wz-field--icon input {
    padding-inline-start: 52px;
}

#teklif-formu .wz-field--icon .lucide {
    position: absolute;
    top: 50%;
    inset-inline-start: 18px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    color: var(--text-3);
    pointer-events: none;
    transition: color .25s ease;
}

#teklif-formu .wz-field--icon input:focus ~ .lucide {
    color: rgb(var(--azure));
    color: var(--wz-c);
}

html[dir="rtl"] #teklif-formu .wz-field--icon input:is([type="tel"], [type="email"]) {
    padding-right: 52px;
    padding-left: 18px;
}

#teklif-formu .consent {
    margin-top: 18px;
    align-items: flex-start;
}

#teklif-formu .consent input {
    margin-top: 1px;
}

@media (hover: hover) {
    #teklif-formu .consent a:hover {
        color: rgb(var(--azure));
    }
}

#teklif-formu .wz-review {
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid var(--line);
}

#teklif-formu .wz-review-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 2px 16px;
}

#teklif-formu .wz-review-title {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -.012em;
    line-height: 1.3;
}

#teklif-formu .wz-review-sub {
    color: var(--text-3);
    font-size: 13.5px;
}

#teklif-formu .wz-review-grid {
    display: grid;
    gap: 6px;
    margin-top: 16px;
}

@media (min-width: 560px) {
    #teklif-formu .wz-review-grid {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
        gap: 8px;
    }
}

#teklif-formu .wz-review-grid > li {
    display: flex;
    min-width: 0;
}

#teklif-formu .wz-review-item {
    position: relative;
    display: grid;
    align-content: start;
    gap: 3px;
    width: 100%;
    min-width: 0;
    padding: 11px 40px 12px 14px;
    padding-inline: 14px 40px;
    border-radius: var(--r-md);
    background: rgb(255 255 255 / .03);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .07);
    color: var(--text);
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: background-color .25s ease, box-shadow .25s ease;
}

#teklif-formu .wz-review-label {
    color: var(--text-3);
    font-size: 12.5px;
    line-height: 1.4;
}

#teklif-formu .wz-review-value {
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

#teklif-formu .wz-review-flag {
    display: inline-block;
    width: 18px;
    height: 13px;
    margin-inline-end: 6px;
    border-radius: 2px;
    object-fit: cover;
    outline: 1px solid rgb(128 128 128 / .34);
    outline-offset: -1px;
    vertical-align: -1px;
}

#teklif-formu .wz-review-item .lucide {
    position: absolute;
    top: 12px;
    inset-inline-end: 13px;
    width: 15px;
    height: 15px;
    color: var(--text-3);
    transition: color .25s ease, transform .35s var(--ease-out);
}

@media (hover: hover) {
    #teklif-formu .wz-review-item:hover {
        background: rgb(var(--azure) / .07);
        box-shadow: inset 0 0 0 1px rgb(var(--azure) / .34);
    }

    #teklif-formu .wz-review-item:hover .lucide {
        color: rgb(var(--azure));
        transform: rotate(-8deg);
    }
}

@media (max-width: 559.98px) {
    #teklif-formu .wz-review-item {
        grid-template-columns: minmax(min-content, 2fr) minmax(0, 3fr);
        align-items: baseline;
        column-gap: 12px;
        padding: 10px 34px 10px 12px;
        padding-inline: 12px 34px;
    }

    #teklif-formu .wz-review-item .lucide {
        top: 50%;
        inset-inline-end: 12px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
    }
}

#teklif-formu .wz-review-item:focus-visible {
    outline: 2px solid var(--frost);
    outline-offset: 2px;
}

#teklif-formu .wz-nav {
    margin-top: 32px;
}

#teklif-formu .wz-nav .btn-label[hidden] {
    display: none;
}

#teklif-formu:has(.wz-step.is-current :is(input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="text"]:valid, input[type="tel"]:valid, input[type="email"]:valid)) [data-wz="next"],
#teklif-formu:has(#w-talepler:valid):has(.consent input:checked) [data-wz="submit"] {
    box-shadow: var(--metal-shadow), 0 0 0 1px rgb(var(--azure) / .4), 0 14px 36px -12px rgb(var(--azure) / .75);
}

#teklif-formu:has(.wz-step.is-current :is(input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="text"]:valid, input[type="tel"]:valid, input[type="email"]:valid)) [data-wz="next"] .btn-label,
#teklif-formu:has(#w-talepler:valid):has(.consent input:checked) [data-wz="submit"] .btn-label {
    transform: translateX(-12px);
}

#teklif-formu:has(.wz-step.is-current :is(input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="text"]:valid, input[type="tel"]:valid, input[type="email"]:valid)) [data-wz="next"] .lucide,
#teklif-formu:has(#w-talepler:valid):has(.consent input:checked) [data-wz="submit"] .lucide {
    opacity: 1;
    transform: none;
}

html[dir="rtl"] #teklif-formu:has(.wz-step.is-current :is(input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="text"]:valid, input[type="tel"]:valid, input[type="email"]:valid)) [data-wz="next"] .btn-label,
html[dir="rtl"] #teklif-formu:has(#w-talepler:valid):has(.consent input:checked) [data-wz="submit"] .btn-label {
    transform: translateX(12px);
}

@media (hover: hover) {
    html[dir="rtl"] #teklif-formu .btn:not(.btn--block):hover .btn-label,
    html[dir="rtl"] #teklif-formu .btn:not(.btn--block):focus-visible .btn-label {
        transform: translateX(12px);
    }

    html[dir="rtl"] #teklif-formu .btn:not(.btn--block):hover .lucide-arrow-left ~ .btn-label,
    html[dir="rtl"] #teklif-formu .btn:not(.btn--block):focus-visible .lucide-arrow-left ~ .btn-label {
        transform: translateX(-12px);
    }
}

#teklif-formu.form-card.is-sent > .wz-bar {
    display: block;
}

#teklif-formu.is-sent .wz-bar i::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(255 255 255 / 0), rgb(255 255 255 / .9), rgb(255 255 255 / 0)) -40% 0 / 30% 100% no-repeat;
    animation: wzRail 1.3s var(--ease-out) .1s both;
}

html[dir="rtl"] #teklif-formu.is-sent .wz-bar i::after {
    animation-name: wzRailRtl;
}

@keyframes wzRail {
    from { background-position: -40% 0; }
    to { background-position: 140% 0; }
}

@keyframes wzRailRtl {
    from { background-position: 140% 0; }
    to { background-position: -40% 0; }
}

#teklif-formu .form-success {
    position: relative;
    padding: 20px 0 8px;
}

#teklif-formu .form-success::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    z-index: -1;
    width: min(520px, 100%);
    height: 260px;
    translate: -50% 0;
    background:
        radial-gradient(40% 50% at 50% 42%, rgb(var(--lagoon) / .2), rgb(var(--lagoon) / 0) 70%),
        radial-gradient(34% 44% at 34% 46%, rgb(var(--azure) / .16), rgb(var(--azure) / 0) 70%),
        radial-gradient(34% 44% at 66% 46%, rgb(var(--iris) / .16), rgb(var(--iris) / 0) 70%);
    pointer-events: none;
}

#teklif-formu.is-sent .form-success::before {
    animation: wzBloom 1.6s var(--ease-out) both;
}

@keyframes wzBloom {
    from { opacity: 0; transform: scale(.6); }
    40% { opacity: 1; }
    to { opacity: .8; transform: none; }
}

#teklif-formu.is-sent .form-success {
    animation: none;
}

#teklif-formu.is-sent .form-success-icon {
    animation: wzPop .6s cubic-bezier(.34, 1.56, .64, 1) .05s backwards;
}

@keyframes wzPop {
    from { opacity: 0; transform: scale(.6); }
    to { opacity: 1; transform: none; }
}

#teklif-formu .form-success-icon {
    position: relative;
    width: 76px;
    height: 76px;
    border: 0;
    background: radial-gradient(closest-side, rgb(var(--lagoon) / .14), rgb(var(--lagoon) / 0));
    color: rgb(var(--lagoon));
}

#teklif-formu .form-success-icon .lucide {
    width: 32px;
    height: 32px;
}

#teklif-formu .wz-done-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(from 200deg, rgb(var(--azure)), rgb(var(--iris)), rgb(var(--lagoon)), rgb(var(--azure)));
    -webkit-mask:
        conic-gradient(from 200deg, #000 var(--wz-a), transparent 0),
        radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
    -webkit-mask-composite: source-in;
    mask:
        conic-gradient(from 200deg, #000 var(--wz-a), transparent 0),
        radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
    mask-composite: intersect;
    --wz-a: 360deg;
}

#teklif-formu.is-sent .wz-done-ring {
    animation: wzRing 1.05s var(--ease-out) .15s both;
}

@keyframes wzRing {
    from { --wz-a: 0deg; }
    to { --wz-a: 360deg; }
}

#teklif-formu.is-sent .form-success-icon .lucide path {
    stroke-dasharray: 24;
    animation: wzDraw .55s var(--ease-out) .85s both;
}

@keyframes wzDraw {
    from { stroke-dashoffset: 24; }
    to { stroke-dashoffset: 0; }
}

#teklif-formu .form-success h2 {
    margin-top: 22px;
}

#teklif-formu.is-sent .form-success h2,
#teklif-formu.is-sent .form-success p,
#teklif-formu.is-sent .form-success .btn {
    animation: wzIn .7s var(--ease-out) backwards;
    --wz-dx: 0px;
    --wz-dy: 12px;
}

#teklif-formu.is-sent .form-success h2 { animation-delay: .5s; }
#teklif-formu.is-sent .form-success p { animation-delay: .6s; }
#teklif-formu.is-sent .form-success .btn { animation-delay: .7s; }

.wizard ~ .assure-row .assure {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    align-content: start;
}

.wizard ~ .assure-row .assure > .lucide {
    grid-row: span 2;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    color: rgb(var(--azure));
}

.wizard ~ .assure-row .assure:nth-child(2) > .lucide {
    color: rgb(var(--iris));
}

.wizard ~ .assure-row .assure:nth-child(3) > .lucide {
    color: rgb(var(--lagoon));
}

html:not(.js) #teklif-formu .wz-review {
    display: none;
}

html:not(.js) #teklif-formu .wz-step + .wz-step {
    margin-top: 56px;
    padding-top: 0;
    border-top: 0;
}

@media (prefers-reduced-motion: reduce) {
    #teklif-formu,
    #teklif-formu .wz-bar i,
    #teklif-formu .wz-stage.is-sizing {
        transition: none;
    }

    .js #teklif-formu .wz-step.is-current > legend,
    .js #teklif-formu .wz-step.is-current > .wz-sub,
    .js #teklif-formu .wz-step.is-current .opt-card,
    .js #teklif-formu .wz-step.is-current > .wz-field,
    .js #teklif-formu .wz-step.is-current > .consent,
    .js #teklif-formu .wz-step.is-current > .wz-hint,
    .js #teklif-formu .wz-step.is-current .wz-review-head,
    .js #teklif-formu .wz-step.is-current .wz-review-grid > li,
    #teklif-formu .wz-step.is-nudged .opt-grid,
    #teklif-formu .wz-step.is-nudged > .wz-field,
    #teklif-formu .wz-step.is-nudged > .consent,
    #teklif-formu .opt-card:has(input:checked)::after,
    #teklif-formu .opt-card:has(input:checked) .opt-meter i,
    #teklif-formu.is-sent .wz-bar i::after,
    #teklif-formu.is-sent .form-success::before,
    #teklif-formu.is-sent .form-success-icon,
    #teklif-formu.is-sent .wz-done-ring,
    #teklif-formu.is-sent .form-success-icon .lucide path,
    #teklif-formu.is-sent .form-success h2,
    #teklif-formu.is-sent .form-success p,
    #teklif-formu.is-sent .form-success .btn {
        animation: none;
    }

    .js #teklif-formu .wz-step.is-leaving {
        display: none;
    }

    #teklif-formu .opt-card:has(input:checked)::after {
        background-position: -60% 0, 0 0;
    }

    #teklif-formu .opt-card:active {
        transform: none;
    }
}

html[data-theme="light"] #teklif-formu {
    --wz-ink: #ffffff;
    border-color: transparent;
    background:
        linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%) padding-box,
        linear-gradient(180deg, rgb(0 0 0 / .1), rgb(0 0 0 / .07)) border-box;
    box-shadow: 0 1px 2px rgb(0 0 0 / .04), 0 50px 100px -50px rgb(16 32 64 / .28), 0 40px 90px -50px rgb(var(--azure) / .3);
}

html[data-theme="light"] #teklif-formu::before {
    background: radial-gradient(64% 100% at 50% 0%, rgb(var(--azure) / .07), rgb(var(--azure) / 0) 72%);
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
    html[data-theme="light"] #teklif-formu::before {
        background: radial-gradient(64% 100% at 50% 0%, color-mix(in srgb, var(--wz-c) 8%, transparent), transparent 72%);
    }
}

html[data-theme="light"] #teklif-formu .wz-top {
    color: var(--text-2);
}

html[data-theme="light"] #teklif-formu .wz-count {
    color: var(--text);
}

html[data-theme="light"] #teklif-formu .wz-bar {
    background: none;
    filter: drop-shadow(0 0 5px rgb(var(--azure) / .3));
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
    html[data-theme="light"] #teklif-formu .wz-bar {
        filter: drop-shadow(0 0 5px color-mix(in srgb, var(--wz-c) 32%, transparent));
    }
}

html[data-theme="light"] #teklif-formu .wz-bar::before {
    background: rgb(0 0 0 / .1);
}

html[data-theme="light"] #teklif-formu .wz-sub {
    color: var(--text-3);
}

html[data-theme="light"] #teklif-formu .opt-card {
    border-color: transparent;
    background:
        linear-gradient(180deg, #fdfdfd, #f7f7f9) padding-box,
        linear-gradient(180deg, rgb(0 0 0 / .11), rgb(0 0 0 / .14)) border-box;
    box-shadow: 0 1px 2px rgb(0 0 0 / .04);
}

html[data-theme="light"] #teklif-formu .opt-card::after {
    background:
        linear-gradient(105deg, rgb(var(--g) / 0) 38%, rgb(var(--g) / .12) 50%, rgb(var(--g) / 0) 62%) 150% 0 / 250% 100% no-repeat,
        radial-gradient(120% 150% at 0% 50%, rgb(var(--g) / .1), rgb(var(--g) / 0) 62%);
}

html[data-theme="light"][dir="rtl"] #teklif-formu .opt-card::after {
    background:
        linear-gradient(255deg, rgb(var(--g) / 0) 38%, rgb(var(--g) / .12) 50%, rgb(var(--g) / 0) 62%) -60% 0 / 250% 100% no-repeat,
        radial-gradient(120% 150% at 100% 50%, rgb(var(--g) / .1), rgb(var(--g) / 0) 62%);
}

html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) {
    border-color: transparent;
    background:
        linear-gradient(180deg, #ffffff, #ffffff) padding-box,
        linear-gradient(180deg, rgb(0 0 0 / .11), rgb(0 0 0 / .14)) border-box;
    box-shadow: 0 0 0 3px rgb(var(--g) / .12), 0 16px 34px -20px rgb(var(--g) / .6);
}

html[data-theme="light"] #teklif-formu .opt-text {
    color: var(--text);
}

html[data-theme="light"] #teklif-formu .opt-card input,
html[data-theme="light"] #teklif-formu .consent input {
    border: 1.5px solid rgb(0 0 0 / .28);
    background: #ffffff;
}

html[data-theme="light"] #teklif-formu .opt-card input::before,
html[data-theme="light"] #teklif-formu .consent input::before {
    background: #ffffff;
}

html[data-theme="light"] #teklif-formu .opt-card input:checked {
    border-color: transparent;
    background: linear-gradient(135deg, rgb(var(--g)), rgb(var(--g2)));
    box-shadow: 0 4px 12px -4px rgb(var(--g) / .7);
}

html[data-theme="light"] #teklif-formu .consent input:checked {
    border-color: transparent;
    background: linear-gradient(135deg, rgb(var(--azure)), rgb(var(--iris)));
}

@media (hover: hover) {
    html[data-theme="light"] #teklif-formu .opt-card:hover {
        box-shadow: 0 1px 2px rgb(0 0 0 / .04), inset 0 0 0 1px rgb(0 0 0 / .08);
    }

    html[data-theme="light"] #teklif-formu .opt-card:has(input:checked):hover {
        box-shadow: 0 0 0 3px rgb(var(--g) / .16), 0 16px 34px -20px rgb(var(--g) / .7);
    }

    html[data-theme="light"] #teklif-formu .opt-card:hover input:not(:checked),
    html[data-theme="light"] #teklif-formu .consent:hover input:not(:checked) {
        border-color: rgb(0 0 0 / .5);
    }
}

html[data-theme="light"] #teklif-formu .opt-glyph {
    background: rgb(var(--g) / .09);
    box-shadow: inset 0 0 0 1px rgb(var(--g) / .2);
}

html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-glyph {
    box-shadow: 0 8px 18px -8px rgb(var(--g) / .7);
}

html[data-theme="light"] #teklif-formu .opt-flagbox,
html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-flagbox {
    background: none;
    box-shadow: none;
}

html[data-theme="light"] #teklif-formu .opt-flag {
    box-shadow: 0 4px 10px -5px rgb(0 0 0 / .35);
}

html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-flag {
    box-shadow: 0 0 0 2px rgb(var(--g) / .5), 0 8px 16px -6px rgb(var(--g) / .5);
}

html[data-theme="light"] #teklif-formu .opt-flagbox--other {
    background: rgb(0 0 0 / .045);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / .16);
}

@media (hover: hover) {
    html[data-theme="light"] #teklif-formu .opt-card:hover .opt-flagbox--other {
        background-color: rgb(0 0 0 / .07);
    }
}

html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-flagbox--other {
    background: rgb(0 0 0 / .045);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / .16), 0 0 0 2px rgb(var(--g) / .5), 0 8px 16px -6px rgb(var(--g) / .5);
}

html[data-theme="light"] #teklif-formu .opt-meter i {
    background: rgb(var(--g) / .25);
}

html[data-theme="light"] #teklif-formu .opt-meter[data-n="1"] i:nth-child(-n + 1),
html[data-theme="light"] #teklif-formu .opt-meter[data-n="2"] i:nth-child(-n + 2),
html[data-theme="light"] #teklif-formu .opt-meter[data-n="3"] i:nth-child(-n + 3),
html[data-theme="light"] #teklif-formu .opt-meter[data-n="4"] i {
    background: rgb(var(--g));
}

html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-meter i {
    background: rgb(255 255 255 / .42);
}

html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-meter[data-n="1"] i:nth-child(-n + 1),
html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-meter[data-n="2"] i:nth-child(-n + 2),
html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-meter[data-n="3"] i:nth-child(-n + 3),
html[data-theme="light"] #teklif-formu .opt-card:has(input:checked) .opt-meter[data-n="4"] i {
    background: #ffffff;
}

@media (min-width: 900px) {
    html[data-theme="light"] #teklif-formu .opt-grid--scale .opt-card::after {
        background:
            linear-gradient(105deg, rgb(var(--g) / 0) 38%, rgb(var(--g) / .12) 50%, rgb(var(--g) / 0) 62%) 150% 0 / 250% 100% no-repeat,
            radial-gradient(130% 110% at 0% 0%, rgb(var(--g) / .11), rgb(var(--g) / 0) 64%);
    }

    html[data-theme="light"][dir="rtl"] #teklif-formu .opt-grid--scale .opt-card::after {
        background:
            linear-gradient(255deg, rgb(var(--g) / 0) 38%, rgb(var(--g) / .12) 50%, rgb(var(--g) / 0) 62%) -60% 0 / 250% 100% no-repeat,
            radial-gradient(130% 110% at 100% 0%, rgb(var(--g) / .11), rgb(var(--g) / 0) 64%);
    }
}

html[data-theme="light"] #teklif-formu .wz-hint {
    border: 0;
    background: rgb(0 0 0 / .022);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / .06);
    color: var(--text-2);
}

html[data-theme="light"] #teklif-formu .wz-field input,
html[data-theme="light"] #teklif-formu .wz-field textarea {
    border: 1px solid rgb(0 0 0 / .16);
    background: #ffffff;
    color: var(--text);
}

html[data-theme="light"] #teklif-formu .wz-field input:hover,
html[data-theme="light"] #teklif-formu .wz-field textarea:hover {
    border-color: rgb(0 0 0 / .3);
}

html[data-theme="light"] #teklif-formu .wz-field input:focus,
html[data-theme="light"] #teklif-formu .wz-field textarea:focus {
    border-color: rgb(var(--azure) / .75);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgb(var(--azure) / .12), 0 14px 30px -18px rgb(var(--azure) / .5);
}

@supports (color: color-mix(in oklab, red 50%, blue)) {
    html[data-theme="light"] #teklif-formu .wz-field input:focus,
    html[data-theme="light"] #teklif-formu .wz-field textarea:focus {
        border-color: color-mix(in srgb, var(--wz-c) 75%, transparent);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--wz-c) 12%, transparent), 0 14px 30px -18px color-mix(in srgb, var(--wz-c) 50%, transparent);
    }
}

html[data-theme="light"] #teklif-formu .wz-field input::placeholder,
html[data-theme="light"] #teklif-formu .wz-field textarea::placeholder {
    color: var(--text-3);
}

html[data-theme="light"] #teklif-formu .wz-review {
    border-top: 1px solid var(--line);
}

html[data-theme="light"] #teklif-formu .wz-review-item {
    background: rgb(0 0 0 / .022);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / .08);
    color: var(--text);
}

@media (hover: hover) {
    html[data-theme="light"] #teklif-formu .wz-review-item:hover {
        background: rgb(var(--azure) / .06);
        box-shadow: inset 0 0 0 1px rgb(var(--azure) / .4);
    }
}

html[data-theme="light"] #teklif-formu:has(.wz-step.is-current :is(input[type="checkbox"]:checked, input[type="radio"]:checked, input[type="text"]:valid, input[type="tel"]:valid, input[type="email"]:valid)) [data-wz="next"],
html[data-theme="light"] #teklif-formu:has(#w-talepler:valid):has(.consent input:checked) [data-wz="submit"] {
    box-shadow: var(--metal-shadow), 0 0 0 1px rgb(var(--azure) / .35), 0 14px 32px -12px rgb(var(--azure) / .6);
}

html[data-theme="light"] #teklif-formu .form-success-icon {
    border: 0;
    background: radial-gradient(closest-side, rgb(var(--lagoon) / .1), rgb(var(--lagoon) / 0));
    color: rgb(var(--lagoon));
}

html[data-theme="light"] #teklif-formu .form-success::before {
    opacity: .7;
}

html[data-theme="light"] #teklif-formu.is-sent .wz-bar i::after {
    background-image: linear-gradient(90deg, rgb(255 255 255 / 0), rgb(255 255 255 / .95), rgb(255 255 255 / 0));
}

html[data-theme="light"] .wizard ~ .assure-row .assure {
    border-top: 1px solid var(--line-2);
}