:root{--primary-button-color: #15284b; --main-third-color: #8b5cf6; --main-fourth-color: #00c753; --main-second-color: #eff8ff; --product-card-bg: #fff; --product-card-border: #d2e4f6; --product-card-color: #15284b; --border-radius: 6px;} /* =========================================================
   NOTISYON CHECKOUT — FINAL V3
   Premium / Sade / Dönüşüm Odaklı
   ========================================================= */

.checkout-page {
    --nt-black: #111111;
    --nt-text: #1C1C1C;
    --nt-muted: #68645D;

    --nt-lime: #A1F400;
    --nt-lime-dark: #8CD600;

    --nt-bg: #FAF8F4;
    --nt-soft: #F7F4EE;

    --nt-border: #E6E0D6;
    --nt-border-soft: #EEE9E1;

    --nt-radius-lg: 18px;
    --nt-radius-md: 13px;

    background: var(--nt-bg) !important;
    min-height: 100vh !important;
    color: var(--nt-text) !important;
}


/* =========================================================
   ANA CONTAINER
   ========================================================= */

.checkout-page .checkout-container {
    max-width: 1380px !important;
    margin: 0 auto !important;
    padding: 16px 28px 42px !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.checkout-page .checkout-header {
    min-height: 62px !important;
    margin-bottom: 12px !important;
}


/* Güncel Notisyon logosu */

.checkout-page .checkout-header .logo img {
    content: url("https://static.ticimax.cloud/75269/Uploads/HeaderTasarim/Header8/27d6a0c1-d080-4e27-b38d-2c04fdceca48.jpg") !important;

    width: 178px !important;
    max-width: 178px !important;
    max-height: 48px !important;

    object-fit: contain !important;
}


.checkout-page .back-btn {
    color: var(--nt-black) !important;

    font-size: 14px !important;
    font-weight: 500 !important;
}


.checkout-page .payment-usermenu,
.checkout-page .usermenu-dropdown-btn {
    color: var(--nt-black) !important;
    font-weight: 500 !important;
}


/* =========================================================
   GENEL KARTLAR
   ========================================================= */

.checkout-page .step-box,
.checkout-page .accordion {
    background: #FFFFFF !important;

    border: 1px solid var(--nt-border) !important;
    border-radius: var(--nt-radius-lg) !important;

    box-shadow:
        0 8px 26px rgba(17,17,17,.035) !important;

    overflow: hidden !important;
}


.checkout-page .step-box {
    margin-bottom: 13px !important;
}


.checkout-page .step-box.completed {
    border-color: var(--nt-border) !important;
}


/* =========================================================
   BÖLÜM BAŞLIKLARI
   ========================================================= */

.checkout-page .step-box--header {
    padding: 15px 18px !important;

    background: #FFFFFF !important;

    border-bottom:
        1px solid var(--nt-border-soft) !important;
}


.checkout-page .step-box--header h2 {
    margin: 0 !important;

    color: var(--nt-black) !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    letter-spacing: -.15px !important;
}


/* Tamamlandı ikonu */

.checkout-page
.step-box.completed
.mdi-check-circle {
    color: var(--nt-lime) !important;
}


/* =========================================================
   DÜZENLE BUTONU
   ========================================================= */

.checkout-page .address-radio-item-edit {
    min-height: 32px !important;

    padding: 0 11px !important;

    background: #FFFFFF !important;

    border: 1px solid #D8D2C8 !important;
    border-radius: 999px !important;

    color: var(--nt-black) !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    box-shadow: none !important;
}


.checkout-page .address-radio-item-edit:hover {
    background: #F9F7F2 !important;
    border-color: var(--nt-black) !important;
}


/* =========================================================
   TESLİMAT ADRESİ
   ========================================================= */

.checkout-page .selected-box {
    display: block !important;

    padding: 13px 18px 16px !important;
}


.checkout-page
.selected-box > .info-block {
    margin: 0 !important;

    padding: 13px 15px !important;

    background: var(--nt-soft) !important;

    border: 1px solid #EAE4DA !important;
    border-radius: var(--nt-radius-md) !important;
}


.checkout-page .info-block--title {
    margin: 0 0 3px !important;

    color: var(--nt-black) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}


.checkout-page .address-full {
    margin: 0 !important;

    color: var(--nt-muted) !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
}


.checkout-page
.selected-box .checkbox-align {
    margin-top: 6px !important;
}


/* =========================================================
   KARGO
   ========================================================= */

.checkout-page .cargo--title {
    margin: 11px 0 6px !important;

    color: var(--nt-black) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}


.checkout-page
.selected-box .mb-2.info-block {
    min-height: 42px !important;

    margin: 0 !important;
    padding: 10px 13px !important;

    background: #FFFFFF !important;

    border: 1px solid var(--nt-border) !important;
    border-radius: 11px !important;
}


.checkout-page
.info-block-cargo--subtitle {
    color: var(--nt-black) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


/* =========================================================
   ÖDEME YÖNTEMLERİ
   ========================================================= */

.checkout-page .step-box--inner {
    padding: 14px 18px 17px !important;
}


.checkout-page .payment-options-content {
    padding: 0 !important;
}


/* =========================================================
   HAVALe + GARANTIPAY GİZLE
   HTML'deki gerçek değerler:
   Havale = 1
   GarantiPay = 13
   ========================================================= */

.checkout-page
.option-item:has(input[value="1"]),

.checkout-page
.option-item:has(input[value="13"]) {
    display: none !important;
}


/* =========================================================
   KREDİ KARTI
   ========================================================= */

.checkout-page .option-item {
    margin: 0 !important;
}


.checkout-page .payment-option-card {
    position: relative !important;

    background: #FFFFFF !important;

    border: 1px solid #DDD7CC !important;
    border-radius: 15px !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


.checkout-page
.payment-option-card.active {
    border-color: #D2CCBF !important;

    box-shadow:
        0 7px 22px rgba(17,17,17,.045) !important;
}


/* Lime aktif çizgi */

.checkout-page
.payment-option-card.active::before {
    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 13px !important;
    bottom: 13px !important;

    width: 3px !important;

    background: var(--nt-lime) !important;

    border-radius:
        0 4px 4px 0 !important;
}


/* =========================================================
   TEK ÖDEME YÖNTEMİ
   Radio butonu gereksiz
   ========================================================= */

.checkout-page
.option-item:has(input[value="25"])
.payment-option-card
.v-selection-control__wrapper {
    display: none !important;
}


.checkout-page
.payment-option-card
.v-selection-control {
    min-height: 48px !important;

    padding: 8px 15px !important;
}


.checkout-page
.payment-option-card .v-label {
    opacity: 1 !important;

    color: var(--nt-black) !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    letter-spacing: -.1px !important;
}


/* =========================================================
   ÖDEME İÇ ALANI
   ========================================================= */

.checkout-page
.payment-option__wrapper {
    padding:
        0 15px 14px !important;
}


/* =========================================================
   SÖZLEŞME
   ========================================================= */

.checkout-page
.iframe-payment-aggreement-wrapper {
    padding-top: 9px !important;

    border-top:
        1px solid var(--nt-border-soft) !important;
}


.checkout-page
.iframe-aggreement-text-wrapper p {
    margin: 0 !important;

    color: #57534C !important;

    font-size: 11.5px !important;
    line-height: 1.5 !important;
}


.checkout-page
.iframe-aggreement-text-wrapper a {
    color: var(--nt-black) !important;

    font-weight: 700 !important;

    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.checkout-page
.chekbox-mod .checkmark {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #FFFFFF !important;

    border: 1.5px solid #B8BEC4 !important;
    border-radius: 6px !important;

    transition:
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease !important;
}


/* Seçili checkbox */

.checkout-page
.chekbox-mod input:checked
+ .checkmark {
    background: var(--nt-lime) !important;

    border-color:
        var(--nt-lime-dark) !important;

    box-shadow:
        0 0 0 2px #FFFFFF,
        0 0 0 4px rgba(161,244,0,.18) !important;
}


.checkout-page
.chekbox-mod input:checked
+ .checkmark
.mdi-check {
    color: #111111 !important;

    opacity: 1 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}


/* =========================================================
   BÜYÜK SARI UYARIYI KALDIR
   ========================================================= */

.checkout-page
.aggreement-warning-wrapper {
    display: none !important;
}


/* =========================================================
   CHECKBOX SEÇİLMEDİYSE KÜÇÜK YÖNLENDİRME
   Büyük kutu yerine tek satır
   ========================================================= */

.checkout-page
.iframe-payment-aggreement-wrapper:
has(input[type="checkbox"]:not(:checked))::after {
    content: "Devam etmek için sözleşmeleri onaylayın.";

    display: block !important;

    margin-top: 7px !important;
    margin-left: 28px !important;

    color: #8A7341 !important;

    font-size: 10.5px !important;
    line-height: 1.3 !important;

    font-weight: 500 !important;
}


/* Seçilince mesaj kaybolur */

.checkout-page
.iframe-payment-aggreement-wrapper:
has(input[type="checkbox"]:checked)::after {
    display: none !important;
}


/* =========================================================
   PAYTR / KART FORMU
   ========================================================= */

.checkout-page
#link-authentication-element,

.checkout-page
#payment-element {
    margin-top: 6px !important;
}


/* =========================================================
   SAĞ SÜTUN
   ========================================================= */

.checkout-page
.sidebar-column > div[style*="sticky"] {
    top: 16px !important;
}


.checkout-page .accordion {
    margin-bottom: 13px !important;
}


/* =========================================================
   SEPET
   ========================================================= */

.checkout-page .accordion-title-wrapper {
    min-height: 56px !important;

    padding: 0 18px !important;

    border-bottom:
        1px solid var(--nt-border-soft) !important;
}


.checkout-page .accordion-title {
    color: var(--nt-black) !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    letter-spacing: -.15px !important;
}


.checkout-page .product-item {
    padding: 15px 18px !important;
}


.checkout-page .basket-item-image {
    width: 78px !important;
    min-width: 78px !important;

    overflow: hidden !important;

    background: #F4F1EA !important;

    border-radius: 11px !important;
}


.checkout-page
.basket-item-image img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    object-fit: cover !important;
}


.checkout-page
.basket-item-product-name {
    color: var(--nt-black) !important;

    font-size: 12.5px !important;
    line-height: 1.45 !important;

    font-weight: 600 !important;
}


.checkout-page
.basket-item-variation-chip {
    padding: 4px 8px !important;

    background: #F3F1EB !important;

    border-radius: 999px !important;

    color: #6B655C !important;

    font-size: 10.5px !important;
}


.checkout-page
.basket-item-quantity {
    color: #6B655C !important;

    font-size: 10.5px !important;
}


.checkout-page
.basket-item-basket-price {
    color: var(--nt-black) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}


/* =========================================================
   SİPARİŞ ÖZETİ
   ========================================================= */

.checkout-page
.order-summary-card {
    background: #FFFFFF !important;

    border-left:
        1px solid var(--nt-border) !important;

    border-right:
        1px solid var(--nt-border) !important;
}


/* Başlık */

.checkout-page
.order-summary-card.order-summary-card-title {
    padding: 15px 18px !important;

    border-top:
        1px solid var(--nt-border) !important;

    border-radius:
        16px 16px 0 0 !important;

    color: var(--nt-black) !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}


/* =========================================================
   YANILTICI "SEPET TUTARI" SATIRINI KALDIR
   Ürün fiyatı zaten yukarıda görünüyor.
   ========================================================= */

.checkout-page
.order-summary-list-item-BASKET_AMOUNT {
    display: none !important;
}


.checkout-page
.order-summary-list-item-BASKET_AMOUNT
+ .order-summary-divider {
    display: none !important;
}


/* =========================================================
   ÖZET SATIRLARI
   ========================================================= */

.checkout-page .order-summary-list {
    padding: 3px 18px !important;
}


.checkout-page
.order-summary-list-item {
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;
}


.checkout-page .list-item-key {
    color: var(--nt-muted) !important;

    font-size: 12.5px !important;
}


.checkout-page .list-item-value {
    color: var(--nt-black) !important;

    font-size: 12.5px !important;
    font-weight: 600 !important;
}


.checkout-page
.order-summary-divider {
    background:
        var(--nt-border-soft) !important;
}


/* =========================================================
   TOPLAM
   ========================================================= */

.checkout-page
.total-price-card {
    padding: 17px 18px !important;

    background: #FFFFFF !important;

    border:
        1px solid var(--nt-border) !important;

    border-top: 0 !important;

    border-radius:
        0 0 16px 16px !important;
}


.checkout-page
.total-price-card
.order-summary-card-title {
    color: var(--nt-black) !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}


.checkout-page
.basket-total-price {
    color: var(--nt-black) !important;

    font-size: 20px !important;
    font-weight: 800 !important;

    letter-spacing: -.25px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 959px) {

    .checkout-page .checkout-container {
        padding:
            11px 11px 28px !important;
    }


    .checkout-page .checkout-header {
        min-height: 58px !important;
        margin-bottom: 8px !important;
    }


    .checkout-page
    .checkout-header .logo img {
        width: 148px !important;
        max-width: 148px !important;
    }


    .checkout-page .step-box,
    .checkout-page .accordion {
        border-radius: 14px !important;
    }


    .checkout-page
    .step-box--header {
        padding:
            13px 14px !important;
    }


    .checkout-page .selected-box,
    .checkout-page .step-box--inner {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    .checkout-page
    .sidebar-column
    > div[style*="sticky"] {
        position: static !important;
    }


    .checkout-page
    .basket-item-image {
        width: 70px !important;
        min-width: 70px !important;
    }


    .checkout-page
    .basket-total-price {
        font-size: 18px !important;
    }

}
/* =========================================================
   NOTISYON — EMPTY CART / BASKET PAGE
   ========================================================= */

/* ---------- HEADER ---------- */

.header {
    background: #FAF8F4 !important;
    border-bottom: 1px solid #EEE9E1 !important;
}

.header .header-wrp {
    max-width: 1380px !important;
    margin: 0 auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

/* Eski logo -> güncel Notisyon logosu */
.header .logo img {
    content: url("https://static.ticimax.cloud/75269/Uploads/HeaderTasarim/Header8/27d6a0c1-d080-4e27-b38d-2c04fdceca48.jpg") !important;

    width: 178px !important;
    max-width: 178px !important;
    height: auto !important;
    max-height: 50px !important;

    object-fit: contain !important;
    display: block !important;
}

/* Kullanıcı ikonu */
.header .user-avatar-btn {
    color: #111111 !important;
    font-size: 30px !important;
    opacity: .82 !important;
}

.header .usermenu-dropdown-btn:hover .user-avatar-btn {
    opacity: 1 !important;
}


/* =========================================================
   EMPTY CART AREA
   ========================================================= */

.basket-container-wrapper {
    max-width: 1380px !important;
    margin: 0 auto !important;
}

/* Eski büyük üst boşluğu azalt */
.basket-container-wrapper .v-row.justify-center.mt-12 {
    margin-top: 56px !important;
}

/* İç alanı daha premium bir boş durum kartına çevir */
.basket-container-wrapper
.v-row.justify-center.mt-12
> .v-col-sm-12.v-col-md-8.v-col-lg-6.v-col-xl-6.v-col-12 {
    max-width: 560px !important;

    padding: 42px 46px 44px !important;

    background: #FFFFFF !important;
    border: 1px solid #E7E1D7 !important;
    border-radius: 20px !important;

    box-shadow:
        0 10px 32px rgba(17,17,17,.04) !important;
}


/* =========================================================
   EMPTY CART ICON
   ========================================================= */

.empty-cart--image-wrapper {
    width: 70px !important;
    height: 70px !important;

    margin: 0 auto 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #F4F9E9 !important;
    border-radius: 50% !important;

    color: #111111 !important;
}

.empty-cart--image-wrapper svg {
    width: 35px !important;
    height: 35px !important;

    color: #111111 !important;
}


/* =========================================================
   TITLE
   ========================================================= */

.empty-cart--title {
    margin-top: 0 !important;

    color: #111111 !important;

    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    letter-spacing: -.4px !important;

    text-align: center !important;
}


/* Küçük açıklama ekle */
.empty-cart--title::after {
    content: "Beğendiğin ürünleri keşfetmeye devam edebilirsin.";

    display: block !important;

    max-width: 360px !important;
    margin: 10px auto 0 !important;

    color: #777168 !important;

    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;

    letter-spacing: 0 !important;
}


/* =========================================================
   ALIŞVERİŞE BAŞLA CTA
   ========================================================= */

.basket-container-wrapper
.v-btn.v-btn--block.v-btn--size-x-large {
    min-height: 52px !important;

    margin-top: 26px !important;
    margin-bottom: 0 !important;

    background: #111111 !important;

    border-radius: 12px !important;

    box-shadow: none !important;

    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}

.basket-container-wrapper
.v-btn.v-btn--block.v-btn--size-x-large:hover {
    background: #A1F400 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 8px 20px rgba(17,17,17,.08) !important;
}

/* Buton metni */
.basket-container-wrapper
.v-btn.v-btn--block.v-btn--size-x-large
.v-btn__content,
.basket-container-wrapper
.v-btn.v-btn--block.v-btn--size-x-large
.text-white {
    color: #FFFFFF !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    letter-spacing: .2px !important;
}

.basket-container-wrapper
.v-btn.v-btn--block.v-btn--size-x-large:hover
.v-btn__content,
.basket-container-wrapper
.v-btn.v-btn--block.v-btn--size-x-large:hover
.text-white {
    color: #111111 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 959px) {

    .header .header-wrp {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .header .logo img {
        width: 148px !important;
        max-width: 148px !important;
    }

    .basket-container-wrapper {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .basket-container-wrapper .v-row.justify-center.mt-12 {
        margin-top: 30px !important;
    }

    .basket-container-wrapper
    .v-row.justify-center.mt-12
    > .v-col-sm-12.v-col-md-8.v-col-lg-6.v-col-xl-6.v-col-12 {
        padding: 34px 22px 30px !important;

        border-radius: 16px !important;
    }

    .empty-cart--title {
        font-size: 23px !important;
    }

    .empty-cart--title::after {
        font-size: 12.5px !important;
    }
}
/* =========================================================
   NOTISYON — BASKET PAGE FINAL
   ========================================================= */

/* ---------- SAYFA ---------- */

.basket-container-wrapper {
    --nt-black: #111111;
    --nt-lime: #A1F400;
    --nt-lime-dark: #8CD600;
    --nt-bg: #FAF8F4;
    --nt-soft: #F7F4EE;
    --nt-border: #E6E0D6;
    --nt-border-soft: #EEE9E1;
    --nt-muted: #68645D;

    max-width: 1380px !important;
    margin: 0 auto !important;
    padding-top: 22px !important;
    padding-bottom: 50px !important;
}


/* =========================================================
   ANA İKİ KOLON
   ========================================================= */

.basket-container-wrapper .basket-content {
    align-items: flex-start !important;
}


/* =========================================================
   SOL BAŞLIK
   ========================================================= */

.basket-container-wrapper .content-header {
    margin-bottom: 12px !important;
}

.basket-container-wrapper .content-header--inner {
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;

    border-bottom: 1px solid var(--nt-border-soft) !important;
}

.basket-container-wrapper .title-properties {
    color: var(--nt-black) !important;

    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    letter-spacing: -.2px !important;
}


/* =========================================================
   SEPETİ TEMİZLE
   Ana aksiyon gibi görünmesin
   ========================================================= */

.basket-container-wrapper
button[data-cy="delete-basket-trigger"] {
    min-height: 32px !important;

    padding: 0 8px !important;

    color: #8C8780 !important;

    font-size: 11.5px !important;
    font-weight: 500 !important;

    border-radius: 8px !important;
}

.basket-container-wrapper
button[data-cy="delete-basket-trigger"]:hover {
    color: #D94B4B !important;
    background: #FFF5F5 !important;
}


/* =========================================================
   ÜCRETSİZ KARGO MESAJI
   ========================================================= */

.basket-container-wrapper .cargo-information {
    min-height: 58px !important;

    margin: 0 0 14px !important;
    padding: 12px 15px !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    background: #F6FAEE !important;

    border: 1px solid #DDEABF !important;
    border-radius: 13px !important;

    color: var(--nt-black) !important;
}

.basket-container-wrapper .cargo-information svg {
    width: 27px !important;
    height: 27px !important;

    color: var(--nt-black) !important;
}

.basket-container-wrapper .cargo-information p {
    margin: 0 !important;

    color: #4C4A44 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
}

.basket-container-wrapper .cargo-information b {
    color: var(--nt-black) !important;
    font-weight: 700 !important;
}

.basket-container-wrapper .cargo-information button {
    color: #767169 !important;
}


/* =========================================================
   ÜRÜN KARTI
   ========================================================= */

.basket-container-wrapper .cart-product-list {
    overflow: hidden !important;

    background: #FFFFFF !important;

    border: 1px solid var(--nt-border) !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 26px rgba(17,17,17,.03) !important;
}

.basket-container-wrapper .cart-product-list .product-item {
    padding: 17px 18px !important;

    background: #FFFFFF !important;

    border-bottom: 1px solid var(--nt-border-soft) !important;
}


/* Ürün görseli */

.basket-container-wrapper .basket-item-image {
    width: 92px !important;
    min-width: 92px !important;

    overflow: hidden !important;

    background: var(--nt-soft) !important;

    border-radius: 11px !important;
}

.basket-container-wrapper .basket-item-image img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    object-fit: cover !important;
}


/* Ürün adı */

.basket-container-wrapper .basket-item-product-name {
    color: var(--nt-black) !important;

    font-size: 13.5px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}


/* Favori */

.basket-container-wrapper .basket-item-favorite-button {
    width: 35px !important;
    height: 35px !important;

    border-radius: 50% !important;

    transition: background .18s ease !important;
}

.basket-container-wrapper .basket-item-favorite-button:hover {
    background: #F5F3EE !important;
}


/* Varyasyon */

.basket-container-wrapper .basket-item-variation-chip {
    padding: 5px 9px !important;

    background: #F3F1EC !important;

    border-radius: 999px !important;

    color: #69645C !important;

    font-size: 10.5px !important;
}


/* =========================================================
   ADET SEÇİCİ
   ========================================================= */

.basket-container-wrapper .counter {
    min-height: 40px !important;

    display: inline-flex !important;
    align-items: center !important;

    background: #F6F4EF !important;

    border: 1px solid #E9E4DA !important;
    border-radius: 999px !important;

    overflow: hidden !important;
}

.basket-container-wrapper .counter-button {
    width: 38px !important;
    height: 38px !important;

    color: var(--nt-black) !important;
}

.basket-container-wrapper
.counter-button[data-cy="counter-delete"] {
    color: #C74B4B !important;
}

.basket-container-wrapper .counter-label {
    min-width: 55px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;
}

.basket-container-wrapper .counter-text {
    color: var(--nt-black) !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-align: right !important;
}

.basket-container-wrapper .counter-unit {
    color: #777168 !important;

    font-size: 11px !important;
}


/* =========================================================
   ÜRÜN FİYATI
   ========================================================= */

.basket-container-wrapper .basket-item-basket-price {
    color: var(--nt-black) !important;

    font-size: 16px !important;
    font-weight: 750 !important;

    letter-spacing: -.2px !important;
}


/* =========================================================
   ALIŞVERİŞE DEVAM ET
   ========================================================= */

.basket-container-wrapper .cart-list--footer {
    padding: 13px 18px !important;

    background: #FFFFFF !important;
}

.basket-container-wrapper .continue-shopping {
    color: #55514B !important;

    font-size: 12.5px !important;
    font-weight: 600 !important;

    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.basket-container-wrapper .continue-shopping:hover {
    color: var(--nt-black) !important;
}


/* =========================================================
   SAĞ SİPARİŞ ÖZETİ
   ========================================================= */

.basket-container-wrapper .order-summary {
    position: sticky !important;
    top: 18px !important;
}


/* Ana sağ panel */

.basket-container-wrapper .basket-inner {
    overflow: hidden !important;

    background: #FFFFFF !important;

    border: 1px solid var(--nt-border) !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 28px rgba(17,17,17,.04) !important;
}


/* Özet başlığı */

.basket-container-wrapper
.order-summary-card.order-summary-card-title {
    padding: 17px 18px !important;

    color: var(--nt-black) !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    border: 0 !important;
    border-bottom: 1px solid var(--nt-border-soft) !important;
}


/* Özet */

.basket-container-wrapper .order-summary-card {
    background: #FFFFFF !important;

    border-left: 0 !important;
    border-right: 0 !important;
}

.basket-container-wrapper .order-summary-list {
    padding: 2px 18px !important;
}

.basket-container-wrapper .order-summary-list-item {
    min-height: 49px !important;

    display: flex !important;
    align-items: center !important;
}

.basket-container-wrapper .list-item-key {
    color: var(--nt-muted) !important;

    font-size: 13px !important;
}

.basket-container-wrapper .list-item-value {
    color: var(--nt-black) !important;

    font-size: 13px !important;
    font-weight: 650 !important;
}

.basket-container-wrapper .order-summary-divider {
    background: var(--nt-border-soft) !important;
}


/* Toplam */

.basket-container-wrapper .total-price-card {
    padding: 17px 18px !important;

    background: #FFFFFF !important;

    border: 0 !important;
    border-top: 1px solid var(--nt-border-soft) !important;

    border-radius: 0 !important;
}

.basket-container-wrapper
.total-price-card .order-summary-card-title {
    color: var(--nt-black) !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}

.basket-container-wrapper .basket-total-price {
    color: var(--nt-black) !important;

    font-size: 20px !important;
    font-weight: 800 !important;
}


/* =========================================================
   ALIŞVERİŞİ TAMAMLA
   Ana CTA
   ========================================================= */

.basket-container-wrapper .btn-success {
    width: calc(100% - 36px) !important;
    min-height: 52px !important;

    margin: 4px 18px 18px !important;

    background: #111111 !important;

    border: 0 !important;
    border-radius: 12px !important;

    color: #FFFFFF !important;

    font-size: 13.5px !important;
    font-weight: 700 !important;

    box-shadow: none !important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}

.basket-container-wrapper .btn-success:hover {
    background: var(--nt-lime) !important;

    color: #111111 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 8px 22px rgba(17,17,17,.08) !important;
}


/* =========================================================
   HEDİYE ÇEKİ
   İkincil aksiyon
   ========================================================= */

.basket-container-wrapper .basket-inner-line {
    display: none !important;
}

.basket-container-wrapper .basket-actions {
    margin-top: 12px !important;
}

.basket-container-wrapper .feature-button {
    min-height: 56px !important;

    padding: 0 15px !important;

    background: #FFFFFF !important;

    border: 1px solid var(--nt-border) !important;
    border-radius: 12px !important;

    color: var(--nt-black) !important;

    box-shadow: none !important;
}

.basket-container-wrapper .feature-button:hover {
    background: #F8F6F1 !important;
}

.basket-container-wrapper .feature-button .icon {
    color: var(--nt-black) !important;
}

.basket-container-wrapper .feature-button-label {
    color: var(--nt-black) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 959px) {

    .basket-container-wrapper {
        padding:
            14px 12px 30px !important;
    }

    .basket-container-wrapper .order-summary {
        position: static !important;
    }

    .basket-container-wrapper .cart-product-list,
    .basket-container-wrapper .basket-inner {
        border-radius: 14px !important;
    }

    .basket-container-wrapper .basket-item-image {
        width: 78px !important;
        min-width: 78px !important;
    }

    .basket-container-wrapper .cart-product-list .product-item {
        padding: 14px !important;
    }

    .basket-container-wrapper .btn-success {
        min-height: 50px !important;
    }
}
/* =========================================================
   NOTISYON — ÜCRETSİZ KARGO VURGUSU
   ========================================================= */

.basket-container-wrapper .remaining-cargo.cargo-information {
    position: relative !important;

    min-height: 70px !important;

    padding: 14px 18px 14px 20px !important;

    background:
        linear-gradient(
            90deg,
            rgba(161,244,0,.16) 0%,
            rgba(161,244,0,.08) 100%
        ) !important;

    border: 1px solid rgba(140,214,0,.38) !important;
    border-radius: 14px !important;

    box-shadow:
        0 5px 18px rgba(17,17,17,.025) !important;

    color: #111111 !important;
}

/* Sol marka çizgisi */
.basket-container-wrapper
.remaining-cargo.cargo-information::before {
    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 12px !important;
    bottom: 12px !important;

    width: 4px !important;

    background: #A1F400 !important;

    border-radius: 0 4px 4px 0 !important;
}


/* Kargo ikonu */
.basket-container-wrapper
.remaining-cargo.cargo-information svg {
    width: 30px !important;
    height: 30px !important;

    flex-shrink: 0 !important;

    color: #111111 !important;
}


/* Ana metin */
.basket-container-wrapper
.remaining-cargo.cargo-information p {
    margin: 0 !important;

    color: #34322E !important;

    font-size: 13.5px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}


/* Küçük üst etiket */
.basket-container-wrapper
.remaining-cargo.cargo-information p::before {
    content: "ÜCRETSİZ KARGO";

    display: block !important;

    width: max-content !important;

    margin-bottom: 4px !important;

    color: #111111 !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    letter-spacing: .7px !important;
}


/* Kalan tutar */
.basket-container-wrapper
.remaining-cargo.cargo-information b {
    color: #111111 !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    letter-spacing: -.15px !important;
}


/* Kapatma butonu */
.basket-container-wrapper
.remaining-cargo.cargo-information button {
    width: 32px !important;
    height: 32px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #57534C !important;

    border-radius: 50% !important;

    transition: background .18s ease !important;
}

.basket-container-wrapper
.remaining-cargo.cargo-information button:hover {
    background: rgba(17,17,17,.06) !important;
}


/* Mobil */
@media (max-width: 959px) {

    .basket-container-wrapper
    .remaining-cargo.cargo-information {
        min-height: 64px !important;

        padding:
            12px 14px 12px 17px !important;
    }

    .basket-container-wrapper
    .remaining-cargo.cargo-information p {
        font-size: 12.5px !important;
    }

    .basket-container-wrapper
    .remaining-cargo.cargo-information b {
        font-size: 14px !important;
    }

}
/* =========================================================
   NOTISYON — SEPETİ TEMİZLE MODAL FINAL
   Sadece delete-basket-popup'ı etkiler
   ========================================================= */


/* Overlay arka plan */
[data-cy="delete-basket-popup"] .v-overlay__scrim {
    background: rgba(17, 17, 17, .52) !important;
    opacity: 1 !important;
    backdrop-filter: blur(3px) !important;
}


/* Modal genişliği */
[data-cy="delete-basket-popup"] .v-overlay__content {
    width: 520px !important;
    max-width: calc(100vw - 32px) !important;
}


/* Beyaz popup kartı */
[data-cy="delete-basket-popup"] .v-card {
    overflow: hidden !important;

    background: #FFFFFF !important;

    border: 1px solid #E7E1D7 !important;
    border-radius: 18px !important;

    box-shadow:
        0 24px 70px rgba(17,17,17,.20) !important;
}


/* =========================================================
   BAŞLIK
   ========================================================= */

[data-cy="delete-basket-popup"] .dialog-title-wrapper {
    min-height: 64px !important;

    padding: 0 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-bottom: 1px solid #EEE9E1 !important;
}


[data-cy="delete-basket-popup"] .dialog-title {
    color: #111111 !important;

    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    letter-spacing: -.2px !important;
}


/* X butonu */
[data-cy="delete-basket-popup"]
.dialog-title-wrapper > button {
    width: 36px !important;
    height: 36px !important;

    color: #55514A !important;

    border-radius: 50% !important;

    transition:
        background .18s ease,
        color .18s ease !important;
}


[data-cy="delete-basket-popup"]
.dialog-title-wrapper > button:hover {
    background: #F5F2EC !important;
    color: #111111 !important;
}


/* =========================================================
   İÇERİK
   ========================================================= */

[data-cy="delete-basket-popup"] .delete-dialog-content {
    padding: 22px 20px 20px !important;
}


/* Mevcut soru metnini gizle */
[data-cy="delete-basket-popup"] .delete-dialog-text {
    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    color: transparent !important;

    font-size: 0 !important;

    text-align: left !important;
}


/* Daha açıklayıcı metin */
[data-cy="delete-basket-popup"] .delete-dialog-text::before {
    content: "Sepetindeki ürünleri kaldırmak istediğine emin misin?";

    display: block !important;

    color: #111111 !important;

    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;

    text-align: left !important;
}


/* Alt açıklama */
[data-cy="delete-basket-popup"] .delete-dialog-text::after {
    content: "İstersen ürünleri favorilerine kaydederek daha sonra tekrar ulaşabilirsin.";

    display: block !important;

    margin-top: 7px !important;

    color: #716C64 !important;

    font-size: 12.5px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    text-align: left !important;
}


/* =========================================================
   BUTON ALANI
   ========================================================= */

[data-cy="delete-basket-popup"] .delete-dialog-footer {
    margin-top: 22px !important;

    display: grid !important;
    grid-template-columns: 1.45fr 1fr !important;

    gap: 10px !important;
}


/* İki butonun ortak yapısı */
[data-cy="delete-basket-popup"]
.delete-dialog-footer .normalize-btn {
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    border-radius: 11px !important;

    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}


/* =========================================================
   FAVORİLERE EKLE + SİL
   İkincil işlem
   ========================================================= */

[data-cy="delete-basket-popup"]
.delete-dialog-footer .normalize-btn:first-child {
    background: #FFFFFF !important;

    border: 1px solid #D8D2C8 !important;

    color: #111111 !important;
}


[data-cy="delete-basket-popup"]
.delete-dialog-footer .normalize-btn:first-child:hover {
    background: #F7F4EE !important;
    border-color: #BDB6AB !important;

    transform: translateY(-1px) !important;
}


/* =========================================================
   SİL
   Ana destructive aksiyon
   ========================================================= */

[data-cy="delete-basket-popup"]
button[data-cy="delete-basket-apply"] {
    background: #D93F3F !important;

    border: 1px solid #D93F3F !important;

    color: #FFFFFF !important;

    flex: unset !important;
}


[data-cy="delete-basket-popup"]
button[data-cy="delete-basket-apply"]:hover {
    background: #C83333 !important;
    border-color: #C83333 !important;

    transform: translateY(-1px) !important;
}


/* "Sil" yazısını daha açıklayıcı hale getir */
[data-cy="delete-basket-popup"]
button[data-cy="delete-basket-apply"]
.v-btn__content {
    font-size: 0 !important;
}


[data-cy="delete-basket-popup"]
button[data-cy="delete-basket-apply"]
.v-btn__content::after {
    content: "Sepeti Temizle";

    color: #FFFFFF !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 600px) {

    [data-cy="delete-basket-popup"] .v-overlay__content {
        width: calc(100vw - 24px) !important;
    }

    [data-cy="delete-basket-popup"] .v-card {
        border-radius: 15px !important;
    }

    [data-cy="delete-basket-popup"] .dialog-title-wrapper {
        min-height: 58px !important;
        padding: 0 16px !important;
    }

    [data-cy="delete-basket-popup"] .delete-dialog-content {
        padding: 19px 16px 16px !important;
    }

    [data-cy="delete-basket-popup"] .delete-dialog-footer {
        grid-template-columns: 1fr !important;
    }

    [data-cy="delete-basket-popup"]
    button[data-cy="delete-basket-apply"] {
        grid-row: 1 !important;
    }

    [data-cy="delete-basket-popup"]
    .delete-dialog-footer .normalize-btn:first-child {
        grid-row: 2 !important;
    }
}