/* Extracted from Nordena Blade templates. Keep theme styling out of views. */

/* resources/views/store/themes/ThemeNordena/components/cards/card-popup.blade.php */
.popup_sepet_listesi{
        width: 100%;
        height: 170px;
        overflow: hidden;
        overflow-y: auto;
        padding: 10px;
        margin: auto;
        display: table;
    }
    .popup_sepet_listesi .s_u_resim{ margin-right: 10px;float:left;width:50px;}
    .popup_sepet_listesi .sepet_urun_detay {
        text-align: left;
        border: 1px solid #dadada;
        overflow: hidden;
        margin: 5px 0px;
    }

    .popup_sepet_urun{    max-height: 150px;
        overflow: hidden;
        overflow-y: auto;}

    #popup_sepet{
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;

    }


    .s_u_ad{    width: calc(100% - 70px);
        overflow: hidden;
        float: left;
        line-height: 23px;}
    .s_u_ad a, .s_u_ad span{display:block;}
    .sepet_devam_devam {
        width: 50%;
        text-align: center;
        padding: 10px 0;
        float: left;
        background: #f4f4f4;
        cursor: pointer;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .sepet_devam_tamamla {
        width: 50%;
        text-align: center;
        padding: 10px 0px;
        float: left;
        color: #ffffff;
        background: #e31e34;
        cursor: pointer;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .sepet_devam_tamamla a {
        color: #ffffff;
    }

/* resources/views/store/themes/ThemeNordena/components/checkout/one-page-checkout.blade.php */
.one-page-checkout .product-card {
            display: flex;
            align-items: center;
            gap: 15px;
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #eaeaea;
        }

        .one-page-checkout .product-card:last-child {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .one-page-checkout .new-address-form .form-control,
        .one-page-checkout .new-address-form .form-select {
            height: 48px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 10px 15px;
            font-size: 14px;
            transition: all 0.2s ease-in-out;
            background-color: #fcfcfc;
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
        }

        .one-page-checkout .new-address-form textarea.form-control {
            height: auto;
            min-height: 80px;
        }

        .one-page-checkout .new-address-form .form-control:focus,
        .one-page-checkout .new-address-form .form-select:focus {
            border-color: #f58220;
            outline: none;
            box-shadow: 0 0 0 3px rgba(245, 130, 32, 0.15);
            background-color: #ffffff;
        }

        .one-page-checkout .new-address-form .form-label {
            font-weight: 600;
            font-size: 13px;
            color: #4a5568;
            margin-bottom: 6px;
        }

        .one-page-checkout .saved-addresses {
            display: grid;
            gap: 14px;
        }

        .one-page-checkout .address-box {
            display: block;
            margin: 0;
            position: relative;
            cursor: pointer;
        }

        .one-page-checkout .address-box .address-radio {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .one-page-checkout .address-box .address-content {
            border: 1px solid #f2b27a;
            background: #fef6ea;
            border-radius: 10px;
            padding: 14px 16px;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
        }

        .one-page-checkout .address-box:hover .address-content {
            border-color: #f08b2e;
        }

        .one-page-checkout .address-box .address-title {
            font-weight: 600;
            margin-bottom: 8px;
        }

        .one-page-checkout .address-box .address-badge {
            display: inline-block;
            margin-top: 8px;
            padding: 2px 10px;
            border-radius: 999px;
            background: #f7902a;
            color: #3b3b3b;
            font-weight: 700;
            line-height: 1.1;
        }

        .one-page-checkout .address-box .address-radio:checked + .address-content {
            border-color: #f07d0a;
            box-shadow: 0 0 0 2px rgba(240, 125, 10, 0.2);
            background: #fff2df;
        }

        .one-page-checkout .billing-address-section {
            margin-top: 10px;
        }

        .one-page-checkout .cart-header,
        .one-page-checkout .checkout-summary h2,
        .one-page-checkout .payment-box h2,
        .one-page-checkout .installment-options h4 {
            font-size: 1.1rem !important; /* Tüm ana başlıklar için standart boyut */
            font-weight: 600 !important;
            text-transform: uppercase; /* Daha kurumsal bir görünüm için */
            letter-spacing: 0.5px;
            margin-bottom: 15px;
        }

        /* Sepet başlık butonu olduğu için içindeki span'ı da hedefleyelim */
        .one-page-checkout .cart-header span:first-child {
            font-size: 1.1rem !important;
        }

        /* Ödeme kutusu içindeki alt başlıkları biraz daha küçük tutabiliriz */
        .one-page-checkout .payment-box h2 {
            margin-top: 0;
            display: block;
        }

        /* Kredi Kartı Form Alanı Düzenlemesi */
        .payment-details .row.g-2 {
            row-gap: 15px !important; /* Satır aralarındaki boşluğu açar */
            margin-top: 10px;
        }

        /* Inputların genel tasarımı */
        .payment-details .form-control[data-card-field] {
            height: 48px; /* Daha kolay tıklanabilir yükseklik */
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 10px 15px;
            font-size: 14px;
            transition: all 0.2s ease-in-out;
            background-color: #f9f9f9;
        }

        /* Input odaklandığında (Focus) */
        .payment-details .form-control[data-card-field]:focus {
            border-color: #007bff;
            background-color: #fff;
            box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
            outline: none;
        }

        /* Placeholder (İpucu metni) rengi */
        .payment-details .form-control[data-card-field]::placeholder {
            color: #a0a0a0;
            font-size: 13px;
        }

        /* Kart Numarası alanını öne çıkaralım */
        input[name="card_number"] {
            letter-spacing: 1px; /* Rakamların okunurluğunu artırır */
        }

        /* Mobil uyum: Küçük ekranlarda yan yana duran AA/YY ve CVV alanlarını dengeler */
        @media (max-width: 576px) {
            .payment-details .col-6 {
                padding-right: 5px;
                padding-left: 5px;
            }
        }

        /* Hata durumunda (Validation) */
        .payment-details .form-control.is-invalid {
            border-color: #dc3545;
            background-color: #fff8f8;
        }

        /* Taksit Seçenekleri Alanı */
        .installment-options {
            margin-top: 25px !important;
            padding: 20px;
            background: #f8f9fa;
            border: 1px dashed #dee2e6;
            border-radius: 12px;
        }

        .installment-options h4 {
            font-size: 1rem !important;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px !important;
            display: flex;
            align-items: center;
        }

        .installment-options h4::before {
            content: '💳';
            margin-right: 8px;
        }

        .installment-options p.text-muted {
            font-size: 0.85rem;
            margin-bottom: 0;
        }

        /* Sipariş Notu Alanı */
        .order-note {
            margin-top: 25px !important;
        }

        .order-note label {
            font-weight: 600;
            font-size: 0.95rem;
            color: #444;
            margin-bottom: 8px;
            display: block;
        }

        .order-note textarea.form-control {
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            padding: 12px 15px;
            font-size: 14px;
            resize: none; /* Kullanıcının tasarımı bozmasını engeller */
            transition: all 0.3s ease;
            background-color: #fff;
            min-height: 100px;
        }

        .order-note textarea.form-control:focus {
            border-color: #007bff;
            box-shadow: 0 4px 12px rgba(0, 123, 255, 0.08);
            background-color: #fff;
        }

        /* Genel Payment Box İçindeki Mesafeler */
        .payment-box {
            display: flex;
            flex-direction: column;
            gap: 10px; /* Elemanlar arası genel mesafe */
        }

        /* Sipariş Özeti Kutusu Genel Tasarımı */
        .checkout-summary {
            background: #ffffff;
            border: 1px solid #eef0f2;
            border-radius: 16px;
            padding: 25px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            position: sticky;
            top: 20px;
        }

        /* Satır Aralarındaki Mesafeler */
        .product-price-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            font-size: 0.95rem;
            color: #555;
        }

        /* KDV ve Kargo gibi ikincil bilgileri biraz daha hafifletelim */
        .product-price-row span:last-child {
            font-weight: 600;
            color: #222;
        }

        /* Kupon Formu Düzenlemesi */
        .coupon-form {
            margin: 20px 0;
            padding: 15px 0;
            border-top: 1px solid #f0f0f0;
        }

        .coupon-form .input-group {
            background: #f8f9fa;
            padding: 5px;
            border-radius: 10px;
            border: 1px solid #e0e0e0;
        }

        .coupon-form .form-control {
            border: none !important;
            background: transparent;
            box-shadow: none !important;
            font-size: 13px;
        }

        .coupon-form .btn {
            border-radius: 8px !important;
            padding: 8px 20px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 12px;
        }

        /* Genel Toplam Alanı */
        .total-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            margin-bottom: 25px;
            padding-top: 15px;
        }

        .total-row span:first-child {
            font-size: 1.1rem;
            font-weight: 700;
            color: #222;
        }

        .total-row .amount {
            font-size: 1.4rem;
            font-weight: 800;
        }

        /* Sözleşme ve Buton Alanı Konteyneri */
        .checkout-summary .form-check {
            margin-bottom: 15px !important; /* Butonla arasındaki boşluğu daralttık */
            padding: 12px 10px 12px 35px; /* İç boşluğu optimize ettik */
            border-radius: 10px;
            background-color: #fcfcfc;
            border: 1px solid #eee;
            display: flex;
            align-items: center;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        /* Checkbox'ın kendisini biraz büyütelim ve hizalayalım */
        .checkout-summary .form-check-input {
            width: 1.2em;
            height: 1.2em;
            margin-top: 0; /* Yazıyla dikeyde tam hizalar */
            cursor: pointer;
        }

        /* Onay Yazısı */
        .checkout-summary .form-check-label {
            font-size: 13px;
            font-weight: 500;
            color: #444;
            cursor: pointer;
            user-select: none;
            margin-left: 5px;
        }

        /* Ödemeyi Tamamla Butonu Düzenlemesi */
        .btn-checkout {
            margin-top: 0; /* Üstteki checkbox ile bütünleşik dursun */
            width: 100%;
            padding: 15px;
            background: #28a745;
            color: white;
            border: none;
            border-radius: 12px;
            font-weight: 700;
            font-size: 1.1rem;
            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.2);
            transition: transform 0.2s, background 0.2s;
        }

        .btn-checkout:hover {
            background: #218838;
            transform: translateY(-2px);
        }

/* resources/views/store/themes/ThemeNordena/components/cart/add-to-cart-popup.blade.php */
.popup_sepet_listesi{
        width: 100%;
        height: 170px;
        overflow: hidden;
        overflow-y: auto;
        padding: 10px;
        margin: auto;
        display: table;
    }
    .popup_sepet_listesi .s_u_resim{ margin-right: 10px;float:left;width:50px;}
    .popup_sepet_listesi .sepet_urun_detay {
        text-align: left;
        border: 1px solid #dadada;
        overflow: hidden;
        margin: 5px 0px;
    }

    .popup_sepet_urun{    max-height: 150px;
        overflow: hidden;
        overflow-y: auto;}

    #popup_sepet{
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;

    }


    .s_u_ad{    width: calc(100% - 70px);
        overflow: hidden;
        float: left;
        line-height: 23px;}
    .s_u_ad a, .s_u_ad span{display:block;}
    .sepet_devam_devam {
        width: 45%;
        text-align: center;
        padding: 10px 0;
        background: #f4f4f4;
        cursor: pointer;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .sepet_devam_tamamla {
        width: 45%;
        text-align: center;
        padding: 10px 0px;
        color: #ffffff !important;
        background: #e31e34;
        cursor: pointer;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

/* resources/views/store/themes/ThemeNordena/components/customer/sidebar.blade.php */
/* Sidebar İç Kapsayıcı */
    .sidebar-inner-wrapper {
        background: #fff;
        border-radius: 20px;
        border: 1px solid #edf2f7;
        padding: 24px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    }

    /* Profil Başlığı */
    .sidebar-profile-header {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #f1f5f9;
    }

    .avatar-circle {
        width: 44px;
        height: 44px;
        background: #4f46e5;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 18px;
    }

    .profile-info .greeting {
        display: block;
        font-size: 12px;
        color: #94a3b8;
    }

    .profile-info .user-name {
        font-size: 15px;
        font-weight: 600;
        color: #1e293b;
    }

    /* Menü Grupları */
    .menu-group {
        margin-bottom: 24px;
    }

    .menu-label {
        font-size: 11px;
        text-transform: uppercase;
        color: #adb5bd;
        letter-spacing: 0.05em;
        font-weight: 700;
        margin-bottom: 12px;
        padding-left: 8px;
    }

    .menu-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu-list li {
        margin-bottom: 4px;
    }

    .menu-list a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 12px;
        text-decoration: none;
        color: #64748b;
        font-size: 14px;
        border-radius: 10px;
        transition: all 0.2s ease;
    }

    .menu-list a i {
        font-size: 18px;
        width: 20px;
        text-align: center;
    }

    /* Hover ve Active Durumları */
    .menu-list a:hover {
        background-color: #f8fafc;
        color: #4f46e5;
    }

    .menu-list a.is-active {
        background-color: #f0f4ff;
        color: #4f46e5;
        font-weight: 600;
    }

    /* Çıkış Yap Kısmı */
    .sidebar-action-footer {
        margin-top: 10px;
        padding-top: 15px;
        border-top: 1px solid #f1f5f9;
    }

    .logout-link {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 12px;
        text-decoration: none;
        color: #ef4444;
        font-size: 14px;
        font-weight: 600;
        border-radius: 10px;
        transition: background 0.2s;
    }

    .logout-link:hover {
        background-color: #fff1f2;
    }

/* resources/views/store/themes/ThemeNordena/pages/checkout/success.blade.php */
/* Sayfayı dikey ve yatayda tam ortalamak için */
        .order-status-wrapper {
            display: flex;
            align-items: center; /* Dikeyde ortalar */
            justify-content: center; /* Yatayda ortalar */
            min-height: 80vh; /* Ekranın büyük kısmını kaplamasını sağlar */
            padding: 40px 0;
        }

        /* Kartın masaüstünde çok yayılmaması ve merkezde kalması için */
        .order-status-card {
            background: #fff;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.05);
            margin-left: auto;
            margin-right: auto;
            max-width: 800px; /* Çok geniş ekranlarda devasa durmaması için */
            text-align: center; /* İçerikleri merkezler */
        }

        /* Header kısmını ikonla birlikte ortalayalım */
        .status-header {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-bottom: 30px;
        }

        .status-icon {
            margin-bottom: 20px;
            background: #e6f4ea;
            color: #28a745;
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

        .order-details-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            text-align: left; /* Bilgiler okunurluk için sola yaslı kalsın */
            background: #f8f9fa;
            padding: 25px;
            border-radius: 12px;
            margin-bottom: 30px;
        }

        .status-actions {
            display: flex;
            gap: 15px;
            justify-content: center;
            margin-bottom: 40px;
        }

        @media (max-width: 768px) {
            .status-actions {
                flex-direction: column;
            }
        }

        /* Ana kapsayıcıyı tam merkeze zorla */
        .order-status-wrapper.success {
            display: flex;
            align-items: center;      /* Dikeyde ortalar */
            justify-content: center;   /* Yatayda ortalar */
            min-height: 100vh;        /* Ekran yüksekliğinin tamamını baz alır */
            background-color: #f8fafc; /* Hafif soft bir arka plan */
            padding: 40px 15px;
        }

        /* Kartın masaüstünde devasa yayılmasını engelle ve ortala */
        .order-status-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
            width: 100%;
            max-width: 750px; /* Kartın ideal genişliği */
            margin: 0 auto;   /* Tarayıcıda matematiksel orta */
            text-align: center;
        }

        /* İkon ve Başlık Alanını Hizala */
        .status-header {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 30px;
        }

        .status-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 70px;
            height: 70px;
            background: #def7ec;
            color: #046c4e;
            border-radius: 50%;
            margin-bottom: 20px;
        }

        /* Bilgi tablosunu (Grid) ortalı ve düzgün göster */
        .order-details-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Masaüstünde yan yana ikişerli */
            gap: 15px;
            background: #f9fafb;
            padding: 20px;
            border-radius: 12px;
            text-align: left; /* Okunabilirlik için metinler sola yaslı */
            margin-bottom: 30px;
        }

        /* Butonları yan yana merkeze al */
        .status-actions {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-bottom: 30px;
        }

        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .order-status-wrapper.success {
                align-items: flex-start; /* Mobilde çok yukarıda kalmasın diye */
                min-height: auto;
            }
            .order-details-grid {
                grid-template-columns: 1fr; /* Mobilde alt alta */
            }
            .status-actions {
                flex-direction: column;
            }
        }

        /* Sayfayı ortalamaya zorlayan ana kural */
        .order-status-wrapper.success {
            display: flex !important;
            justify-content: center !important; /* Yatayda ortalar */
            align-items: center !important;     /* Dikeyde ortalar */
            min-height: 85vh !important;       /* Ekran yüksekliğine göre konumlandırır */
            width: 100% !important;
            margin: 0 auto !important;
        }

        /* Container'ın sola yaslanmasını engelle */
        .order-status-wrapper.success .container {
            display: flex !important;
            justify-content: center !important;
            width: 100% !important;
            max-width: 1200px !important;
        }

        /* Kartın kendisini ortala ve genişliğini sabitle */
        .order-status-card {
            margin: 0 auto !important; /* Masaüstünde sağdan soldan eşit boşluk */
            float: none !important;    /* Eğer float varsa iptal eder */
            display: block !important;
            width: 100% !important;
            max-width: 750px !important; /* Kartın devasa yayılmasını önler */
            text-align: center;
        }

        /* Grid alanındaki yazıların sola yaslı ama kutunun ortalı durması için */
        .order-details-grid {
            margin-left: auto !important;
            margin-right: auto !important;
            max-width: 600px; /* Detay kutusunu biraz daha daraltıp ortalıyoruz */
        }

/* resources/views/store/themes/ThemeNordena/pages/checkout/error.blade.php */
.error-container {
            min-height: 80vh;
            display: flex;
            flex-direction: column; /* Kart ve Back to Home'u dikeyde hizalamak için */
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .error-card {
            width: 100%;
            max-width: 500px;
            background: #fff;
            border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
            border: none !important;
            margin: 0 auto !important;
            overflow: hidden;
        }

        .button-group {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: center !important;
            gap: 15px !important;
            width: 100% !important;
            margin-top: 30px;
            margin-bottom: 20px !important;
        }

        .btn-action {
            min-width: 180px;
            padding: 12px 24px !important;
            border-radius: 12px !important;
            font-weight: 600 !important;
            text-decoration: none !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px !important;
            transition: all 0.3s ease;
        }

        .btn-retry {
            background-color: #ff4757 !important;
            color: white !important;
            border: none !important;
        }

        .btn-cart {
            background-color: #f1f2f6 !important;
            color: #2f3542 !important;
            border: 1px solid #dcdde1 !important;
        }

        .error-icon-box {
            width: 80px;
            height: 80px;
            background: #fff5f5;
            color: #ff4757;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 32px;
        }

        .error-footer {
            background-color: #fafafa !important;
            border-top: 1px solid #f1f1f1 !important;
            padding: 25px 20px !important;
            text-align: center;
        }

        /* Back to Home için özel mesafe ayarı */
        .back-to-home-wrapper {
            margin-top: 15px !important; /* Carta olan ideal yakınlık */
            text-align: center;
        }

        .back-link {
            color: #a0a0a0 !important;
            text-decoration: none !important;
            font-size: 0.85rem;
            transition: color 0.2s;
        }

        .back-link:hover {
            color: #636e72 !important;
        }

/* resources/views/store/themes/ThemeNordena/pages/checkout/handle.blade.php */
#checkoutAuthTabs {
            display: flex;
            flex-wrap: nowrap;
        }

        #checkoutAuthTabs .nav-item {
            width: 33.3333% !important;
            flex: 0 0 33.3333%;
        }

        #checkoutAuthTabs .nav-link {
            width: 100%;
            text-align: center;
            white-space: nowrap;
        }

/* resources/views/store/themes/ThemeNordena/pages/checkout/handle.blade.php */
.three-ds-modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 16px; }
        .three-ds-modal-card { background: #fff; width: min(980px, 100%); max-height: 92vh; overflow: hidden; border-radius: 10px; padding: 16px; }
        .three-ds-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
        .three-ds-close { border: 0; background: #f3f3f3; border-radius: 6px; padding: 6px 10px; cursor: pointer; }
        .three-ds-modal-body { height: min(78vh, 680px); border: 1px solid #ececec; border-radius: 8px; overflow: hidden; background: #fff; }
        .three-ds-modal-frame { width: 100%; height: 100%; border: 0; }
        .three-ds-modal-note { margin-top: 10px; font-size: 13px; color: #666; }

/* resources/views/store/themes/ThemeNordena/pages/product-details.blade.php */
.product-tag-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 8px;
        }

        .product-tag-badges span {
            background: #fde68a;
            color: #92400e;
            border-radius: 9999px;
            padding: 4px 10px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.4px;
        }

        /* Ana Konteynır */
        .custom-tab-wrapper {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            border-top: 1px solid #ddd;
            border-left: 1px solid #ddd;
            background: #fff;
        }

        /* Her Bir Tab Öğesi */
        .custom-tab-item {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 15px 5px;
            color: #555 !important;
            text-decoration: none !important;
            font-size: 14px;
            font-weight: 600;
            border-right: 1px solid #ddd !important;
            border-bottom: 1px solid #ddd !important;
            background: #fff;
            transition: all 0.2s ease;
            box-sizing: border-box;
        }

        /* Masaüstü: 5 adet yan yana */
        @media (min-width: 992px) {
            .custom-tab-item {
                flex: 0 0 20% !important;
                max-width: 20%;
            }
        }

        /* Mobil ve Tablet Görünümü: 2'li Izgara */
        @media (max-width: 991px) {
            .custom-tab-item {
                flex: 0 0 50% !important;
                max-width: 50%;
                min-height: 60px;
            }

            .custom-tab-item:last-child:nth-child(odd) {
                flex: 0 0 100% !important;
                max-width: 100%;
            }
        }

        /* Aktif Durumu */
        .custom-tab-item.active {
            background-color: #fcfcfc !important;
            color: #000000 !important;
            position: relative;
            box-shadow: inset 0 -2px 0 #000000;
        }

        /* ==========================================================================
           YENİ NESİL VARYANT TASARIMI (LARAVEL UYUMLU)
           ========================================================================== */
        .product-detail__options {
            width: 100%;
            margin-top: 15px;
        }
        .variant-group {
            margin-bottom: 24px;
        }
        .variant-header {
            margin-bottom: 12px;
            font-size: 15px;
            color: #111827;
        }
        .variant-title {
            font-weight: 600;
        }
        .selected-variant-value {
            font-weight: 700;
            margin-left: 5px;
            color: #000;
        }
        .variant-options {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }
        .variant-label {
            margin: 0 !important;
            padding: 0 !important;
            cursor: pointer;
            position: relative;
            display: inline-block;
        }
        .variant-label input[type="radio"] {
            position: absolute !important;
            opacity: 0 !important;
            width: 0 !important;
            height: 0 !important;
            margin: 0 !important;
            z-index: -1 !important;
        }
        .variant-label::before, .variant-label::after,
        .variant-btn::before, .variant-btn::after,
        .variant-label input[type="radio"]::before,
        .variant-label input[type="radio"]::after {
            display: none !important;
            content: none !important;
            background: transparent !important;
            border: none !important;
        }
        .variant-btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 54px !important;
            height: 42px !important;
            padding: 0 16px !important;
            background-color: #ffffff !important;
            border: 1px solid #d1d5db !important;
            border-radius: 8px !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            color: #374151 !important;
            transition: all 0.2s ease !important;
            user-select: none !important;
            box-sizing: border-box !important;
            margin: 0 !important;
        }
        .variant-label:hover .variant-btn {
            background-color: #f9fafb !important;
            border-color: #9ca3af !important;
        }
        .variant-label input[type="radio"]:checked + .variant-btn {
            background-color: #111827 !important;
            border-color: #111827 !important;
            color: #ffffff !important;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
        }
        .variant-btn--unavailable {
            opacity: 0.35 !important;
            cursor: not-allowed !important;
            text-decoration: line-through !important;
        }

/* resources/views/store/themes/ThemeNordena/pages/customer/settings/addresses.blade.php */
.custom-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(15, 23, 42, 0.7); /* Daha modern koyu lacivert/siyah tonu */
        z-index: 10001;
        display: none;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(5px);
    }

    .custom-modal-overlay.visible {
        display: flex;
    }

    .custom-modal {
        background-color: #fff;
        width: 95%;
        max-width: 750px;
        /* Ekranın %85'ini geçmesin, butonu görebilmek için kritik */
        max-height: 85vh;
        border-radius: 24px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        display: flex;
        flex-direction: column; /* İçeriği dikeyde sırala */
        position: relative;
        animation: modalSlideUp 0.3s ease-out;
    }

    /* Başlık Sabit */
    .custom-modal-header {
        padding: 20px 25px;
        border-bottom: 1px solid #f1f5f9;
        flex-shrink: 0; /* Küçülmesini engelle */
    }

    /* Form Alanı Kaydırılabilir */
    .custom-modal-body {
        padding: 25px;
        overflow-y: auto; /* Sadece burası kaydırılabilir */
        flex-grow: 1;
    }

    /* Butonlar Sabit Alt Kısım */
    .custom-modal-footer {
        padding: 20px 25px;
        background: #f8fafc;
        border-top: 1px solid #f1f5f9;
        text-align: right;
        flex-shrink: 0; /* Küçülmesini engelle - Butonun görünmesini sağlar */
        display: flex;
        justify-content: flex-end;
        gap: 12px;
    }

    @keyframes modalSlideUp {
        from { transform: translateY(30px); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }

    /* Form kolon yapısını mobilde bozmasın */
    @media (max-width: 600px) {
        .custom-modal-body .form-row {
            display: block !important;
        }
        .custom-modal-body .form-group {
            padding: 0;
            margin-bottom: 15px;
        }
    }

/* resources/views/store/themes/ThemeNordena/pages/customer/promotions/coupons.blade.php */
.coupon-card { transition: transform 0.2s ease; }
        .coupon-card:hover { transform: translateY(-3px); }
        .purple-bg { background: #faf5ff; color: #a855f7; }

        /* Kuponun kenarlarındaki o meşhur yarım daire efekti için (opsiyonel) */
        .coupon-card::before, .coupon-card::after {
            content: '';
            position: absolute;
            left: -10px;
            width: 20px;
            height: 20px;
            background: #f8fafc; /* dashboard arkaplan rengiyle aynı olmalı */
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
        }
        .coupon-card::after { left: auto; right: -10px; }

/* resources/views/store/themes/ThemeNordena/pages/customer/purchase/order-detail.blade.php */
.step-item { flex: 1; position: relative; }
        .modern-order-card { background: #fff; border-radius: 20px; border: 1px solid #e2e8f0; overflow: hidden; }
        .btn-detail { border-radius: 12px; font-weight: 600; transition: 0.2s; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; cursor: pointer; }
        .btn-detail:hover { opacity: 0.9; transform: translateY(-1px); }
        @media (max-width: 768px) {
            .timeline-steps { gap: 10px; }
            .step-item span { display: none; }
        }

/* resources/views/store/themes/ThemeNordena/pages/customer/purchase/favorites.blade.php */
.fav-item-card { transition: all 0.3s ease; border: 1px solid #e2e8f0; }
        .fav-item-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: #4f46e5; }
        .fav-item-card:hover .product-img-wrapper img { transform: scale(1.05); }
        .remove-fav-btn:hover { background: #ef4444 !important; color: #fff !important; transform: rotate(90deg); }
        .red-bg { background: #fff1f2; color: #f43f5e; }

/* Static declarations formerly expressed as Blade style attributes. */
.is-hidden { display: none; }
.is-disabled { cursor: not-allowed; opacity: 0.5; pointer-events: none; }
.nordena-data-background { background-image: var(--nordena-background-image); }
.nordena-order-status { border-radius: 50px; font-size: 13px; font-weight: 700; padding: 8px 16px; }
.timeline-progress { border-radius: 10px; height: 100%; position: absolute; transition: 0.8s ease; }
.step-icon { align-items: center; background: #fff; border: 2px solid #e2e8f0; border-radius: 50%; color: #cbd5e1; display: flex; height: 32px; justify-content: center; margin: 0 auto 10px; position: relative; transition: 0.3s; width: 32px; z-index: 2; }
.timeline-step-label { color: #94a3b8; display: block; font-size: 11px; font-weight: 700; white-space: nowrap; }
.timeline-step-label.is-active { color: #1e293b; }
.nordena-danger-action { background: #fff; border: 1px solid #ef4444; color: #ef4444; text-decoration: none; }
.nordena-order-cancel { padding: 10px 20px; }
.nordena-invoice-action { background: #4f46e5; border: 0; color: #fff; padding: 10px 25px; text-decoration: none; }
.nordena-favorite-card { display: flex; flex-direction: column; height: 100%; }
.nordena-favorite-image { height: 100%; object-fit: cover; width: 100%; }
.nordena-favorite-remove { align-items: center; background: #fff; border: 0; border-radius: 50%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); color: #ef4444; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 12px; top: 12px; width: 32px; z-index: 3; }
.nordena-profile-input { border: 1px solid #e2e8f0; border-radius: 10px; padding: 11px; width: 100%; }
.nordena-profile-input-muted { background: #fcfcfd; }
.coupon-card { border: 1px solid #e2e8f0; }
.coupon-card.is-expired { opacity: 0.6; }
.nordena-coupon-status { display: inline-block; font-size: 11px; margin-top: 8px; }
.nordena-address-default { background: #f1f5f9; font-size: 12px; padding: 6px 12px; }
.nordena-address-action { font-size: 13px; padding: 6px 15px; }
.nordena-address-delete { background: rgba(239, 68, 68, 0.02); color: #ef4444; }
.nordena-address-control { border: 1px solid #e2e8f0; border-radius: 10px; height: 45px; }
.nordena-product-favorite { align-items: center; display: inline-flex; height: 48px; justify-content: center; padding: 0; vertical-align: top; width: 48px; }
.nordena-cart-popup-image, .nordena-checkout-order-image { height: 50px; width: 50px; }
.nordena-checkout-order-image { object-fit: cover; }
.nordena-cart-image { height: 70px; width: 70px; }
.three-ds-modal-backdrop.is-visible { display: flex; }
.nordena-u-00aa25c047 { color: #94a3b8; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.nordena-u-02712a42aa { margin-bottom: 15px; color: #cbd5e1; }
.nordena-u-0843de1380 { padding: 20px; font-size: 14px; color: #475569; line-height: 1.6; }
.nordena-u-133b05dad0 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.nordena-u-187de204dc { padding: 25px; }
.nordena-u-18b70e7313 { margin:0; color:#64748b; font-size:13px; }
.nordena-u-19a3f41f14 { font-weight: 700; color: #1e293b; }
.nordena-u-19a6d8395e { font-size: 14px; color: #10b981; }
.nordena-u-1a01761591 { display: flex; flex-wrap: wrap; gap: 20px; }
.nordena-u-1c653fba3d { font-weight: 400; }
.nordena-u-1d59d05bb9 { max-width: 300px; margin-left: auto; }
.nordena-u-1e64e07cd6 { font-size: 14px; font-weight: 600; margin-bottom: 12px; min-height: 40px; }
.nordena-u-1ee51e582f { border-top: 1px solid #e2e8f0; font-size: 18px; color: #1e293b; }
.nordena-u-2380c7187a { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.nordena-u-25cf9a4237 { max-width: 400px; border-radius: 24px; overflow: hidden; }
.nordena-u-264028a917 { font-size: 28px; }
.nordena-u-26e790aaf5 { margin-right: 5px; color: #4f46e5; }
.nordena-u-298c0c7342 { background: #4f46e5; color: #fff; border: none; cursor: pointer; padding: 10px 20px; border-radius: 10px; display: flex; align-items: center; gap: 8px; font-weight: 600; }
.nordena-u-2bc7e955f7 { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; }
.nordena-u-2d5229ba4c { font-weight:700; color:#1e293b; margin-left:8px; font-size: 14px; }
.nordena-u-31006cfd2a { padding: 20px; background: #fff; border-bottom: 1px solid #f1f5f9; }
.nordena-u-315d96ac0c { margin-top: 30px; border-top: 1px solid #f1f5f9; padding-top: 25px; text-align: right; }
.nordena-u-3c8f2e2626 { border: 1px solid #e2e8f0; height: 100%; display: flex; flex-direction: column; background: #fff; border-radius: 20px; overflow: hidden; }
.nordena-u-3cc6726552 { height: 4px; background: #f1f5f9; position: relative; border-radius: 10px; width: 100%; margin-bottom: 35px; }
.nordena-u-3dd4185822 { padding: 20px; border-bottom: 1px solid #f8fafc; display: flex; align-items: center; gap: 15px; }
.nordena-u-3e42fef8d3 { font-size: 22px; font-weight: 800; color: #4f46e5; line-height: 1; }
.nordena-u-3fc149e0aa { text-align:center; margin:8px 0px; }
.nordena-u-410ae90450 { color: #334155; }
.nordena-u-41373462dd { background: #ef444415; color: #ef4444; display: block; margin-bottom: 20px; padding: 12px; border-radius: 10px; }
.nordena-u-42acb60ee2 { font-weight: 700; }
.nordena-u-4831bda326 { background-color: #3498db; }
.nordena-u-48f1d85c7d { text-align: right; font-weight: 700; color: #1e293b; }
.nordena-u-4c3c693d92 { background: #f1f5f9; color: #475569; border:none; flex: 1; }
.nordena-u-4d903ef5dd { margin: 3px 0 0; font-size: 12px; color: #94a3b8; }
.nordena-u-4f8c6c83e1 { font-size: 13px; color: #64748b; border-top: 1px solid #f1f5f9; padding-top: 20px; }
.nordena-u-51399acaed { font-size: 14px; color: #64748b; }
.nordena-u-5278a5b959 { display:block; font-size:12px; text-transform:uppercase; color:#94a3b8; margin-bottom:8px; }
.nordena-u-52a082245f { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.nordena-u-5428a72652 { width:100%; padding:11px; border-radius:10px; border:1px solid #e2e8f0; }
.nordena-u-5494156a98 { background: #ef4444; color: #fff; border:none; flex: 1; }
.nordena-u-584d77a41c { text-align: center; padding: 20px 30px; }
.nordena-u-589e558ee1 { width: 80px; height: 80px; background: #fff7ed; color: #f97316; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.nordena-u-5ad3611512 { background: #10b98115; color: #10b981; font-size: 10px; padding: 2px 8px; }
.nordena-u-5b58a7c5c1 { padding: 15px 20px; background: #fcfcfd; border-bottom: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: center; }
.nordena-u-5b636e0bfe { text-align: right; margin-top: 30px; border-top: 1px solid #f1f5f9; padding-top: 25px; }
.nordena-u-5d148b8548 { font-family: 'Monaco', monospace; font-weight: 800; color: #1e293b; font-size: 17px; letter-spacing: 1.5px; }
.nordena-u-5e11b481ea { height: 100%; }
.nordena-u-5f038bf82b { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #faf5ff; color: #a855f7; }
.nordena-u-60cefebdf7 { background: #f1f5f9; color: #475569; padding: 10px 20px; border:none; text-decoration:none; }
.nordena-u-61e0001e5d { color: #64748b; font-size: 15px; margin: 0; }
.nordena-u-6245616e39 { font-size:12px; color:#64748b; text-transform:uppercase; font-weight:600; letter-spacing: 0.5px; }
.nordena-u-67ae5564aa { border:none; padding-bottom:0; }
.nordena-u-6a62fd6638 { padding: 40px 30px 30px; }
.nordena-u-6b881e6b6c { padding: 30px; }
.nordena-u-6c04e59492 { margin:0; font-size: 20px; font-weight:700; color:#1e293b; }
.nordena-u-6c7d30b19e { margin: 0 0 10px 0; color: #475569; font-size: 14px; line-height: 1.5; }
.nordena-u-6dcdb64d9d { font-weight: 700; color: #1e293b; margin:0; }
.nordena-u-6e22eaafaa { grid-column: 1 / -1; text-align: center; padding: 60px; background: #fff; border-radius: 20px; border: 1px solid #e2e8f0; }
.nordena-u-6eaf211733 { background: #f8fafc; padding: 12px 18px; border-radius: 10px; border: 1px dashed #e2e8f0; margin-bottom: 25px !important; }
.nordena-u-6f65d5e778 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.nordena-u-709d274fe5 { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; }
.nordena-u-71291658d8 { background-color: #2c3e50; }
.nordena-u-727803f234 { position: absolute; top: 12px; left: 12px; background: #ef4444; color: #fff; padding: 4px 10px; border-radius: 50px; font-size: 11px; font-weight: 700; z-index: 2; }
.nordena-u-730be3f287 { margin-left: 50px; }
.nordena-u-73973daec6 { width: 80px; height: 80px; background: #fff1f2; color: #f43f5e; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.nordena-u-76204eb8af { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 15px; }
.nordena-u-77ab9b125f { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; border: 1px solid #f1f5f9; }
.nordena-u-78f4376a55 { background: #4f46e5; color: #fff; width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: 0.2s; }
.nordena-u-7f20480bcf { border:none; cursor:pointer; background:#4f46e5; color:#fff; padding:12px 30px; border-radius:10px; font-weight:600; }
.nordena-u-8061a21e4f { margin:0; font-size: 18px; font-weight:700; color:#1e293b; }
.nordena-u-822830546a { width: 40px; height: 40px; font-size: 18px; }
.nordena-u-82d7fa7813 { background-color: #e74c3c; }
.nordena-u-8495917360 { background: #eee; border:none; margin-right: 10px; }
.nordena-u-85f072b9b0 { background: #4f46e5; color: #fff; padding: 12px 30px; border-radius: 10px; text-decoration: none; font-weight: 600; display: inline-block; }
.nordena-u-87859487e3 { margin-bottom: 5px; font-weight: 600; }
.nordena-u-883f66aa39 { width: 45px; height: 45px; background: #eff6ff; color: #3b82f6; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.nordena-u-8e9bff0db3 { flex: 1; min-width: 300px; }
.nordena-u-91917ca5b3 { background: #4f46e5; color: #fff; padding: 12px 30px; display: inline-block; border-radius: 8px; font-weight: 600; text-decoration: none; transition: all 0.3s; }
.nordena-u-979bcb14f0 { padding: 20px; flex-grow: 1; }
.nordena-u-985c46f6e0 { margin-top: 5px; font-size: 13px; font-weight: 600; color: #475569; }
.nordena-u-998c5caa2c { background: #10b98115; color: #10b981; display: block; margin-bottom: 20px; padding: 12px; border-radius: 10px; }
.nordena-u-9a243316c8 { padding: 15px 20px; border-top: 1px solid #f1f5f9; display: flex; justify-content: flex-end; gap: 10px; background: #fcfcfd; }
.nordena-u-9b84e5f972 { background: #f8fafc; border: 1px dashed #cbd5e1; padding: 14px; border-radius: 12px; text-align: center; margin-bottom: 25px; }
.nordena-u-9d859155cb { background-color: grey; }
.nordena-u-a67f59367d { color: #64748b; margin-right: 8px; }
.nordena-u-a68d5faf51 { text-align: center; padding: 40px 20px; }
.nordena-u-a945fd1029 { border:none; background: transparent; padding: 20px 30px 30px; justify-content: center; gap: 15px; }
.nordena-u-aa32a3a584 { display: flex; justify-content: space-between; position: absolute; width: 100%; top: -13px; }
.nordena-u-b42bbbf82e { font-weight: 700; color: #1e293b; font-size: 15px; }
.nordena-u-b44cb4fc93 { font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.nordena-u-b4afbe215e { border-radius: 20px; overflow: hidden; }
.nordena-u-b75fad0009 { margin-bottom: 20px; }
.nordena-u-b80c96fe2c { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.nordena-u-b8fb294fe8 { position: relative; aspect-ratio: 1/1; overflow: hidden; background: #f8fafc; }
.nordena-u-b8fed86b5a { font-weight: 700; color: #1e293b; width: 100%; text-align: center; margin-top: 10px; }
.nordena-u-b932a42c0b { width: 70px; height:70px; }
.nordena-u-bcb0a0d8bd { padding: 0; }
.nordena-u-c080664655 { color: #64748b; margin-bottom: 25px; max-width: 300px; margin-left: auto; margin-right: auto; }
.nordena-u-c17e2361f3 { margin:0; color: #475569; font-size: 14px; }
.nordena-u-c230ba32dd { margin:0; padding-left: 20px; }
.nordena-u-c3b691b12c { padding: 20px; font-size: 14px; color: #475569; line-height: 2; }
.nordena-u-c47d8e5216 { text-decoration: none; color: #1e293b; }
.nordena-u-c4b2bc0ed3 { font-weight:bold; }
.nordena-u-c8a2cb8980 { width: 18px; height: 18px; }
.nordena-u-c9a517d459 { text-align: center; padding: 60px 20px; background: #fff; border-radius: 20px; border: 1px solid #e2e8f0; margin-top: 20px; }
.nordena-u-cb87f64b5d { width: 80px; height: 80px; background: #faf5ff; color: #a855f7; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.nordena-u-ce584f0c22 { font-size: 16px; font-weight: 700; color: #4f46e5; }
.nordena-u-d1c4d58ef0 { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.nordena-u-d29b806883 { padding: 15px 20px; border-bottom: 1px solid #f1f5f9; font-weight: 700; color: #1e293b; }
.nordena-u-d2f7d97d05 { text-align: right; min-width: 80px; }
.nordena-u-d3e675346f { font-size: 5rem; }
.nordena-u-d48077de6c { background: #4f46e5; color: #fff; padding: 12px 30px; border-radius: 10px; text-decoration: none; font-weight: 600; display: inline-block; transition: 0.3s; }
.nordena-u-d549813b7e { background-color: #27ae60; }
.nordena-u-d7a6ef0a3d { font-size: 14px; font-weight: 700; color: #1e293b; margin: 0; }
.nordena-u-d98f19012e { padding: 25px; background: #fcfcfd; }
.nordena-u-d990a66fa6 { margin: 0; line-height: 1; }
.nordena-u-dac671b204 { margin: 0; color: #64748b; font-size: 13px; }
.nordena-u-dc3c9258ef { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; margin-top: 35px; }
.nordena-u-dc585c9d12 { font-size: 16px; font-weight: 700; color: #1e293b; margin: 0; line-height: 1.4; }
.nordena-u-ddcf1fbc97 { color: #4f46e5; }
.nordena-u-de15e02e2f { background-color: #6c757d; }
.nordena-u-e13aa16af1 { background: #4f46e5; color: #fff; border:none; padding: 10px 30px; }
.nordena-u-e2297cbb8e { padding: 20px; background: #fcfcfd; border-top: 1px solid #f1f5f9; text-align: right; }
.nordena-u-e5f7182e28 { position: absolute; top: 10px; right: 10px; background: #000; color: #fff; padding: 2px 8px; font-size: 11px; z-index: 2; opacity: 0.8; }
.nordena-u-e6a0f4e931 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.nordena-u-eb35355225 { border-radius: 10px; height: 45px; border: 1px solid #e2e8f0; }
.nordena-u-eb77d6d5be { font-size: 12px; color: #94a3b8; display: block; margin-bottom: -2px; }
.nordena-u-ee2109438f { font-weight: 700; color: #1e293b; margin-bottom: 10px; font-size: 18px; }
.nordena-u-ee3d55bf99 { flex: 1; }
.nordena-u-ee6fe91179 { color: #64748b; margin-bottom: 25px; max-width: 320px; margin-left: auto; margin-right: auto; line-height: 1.5; }
.nordena-u-eefff2f8dd { font-size: 13px; }
.nordena-u-f1f14abc7c { color: #94a3b8; margin: 0; }
.nordena-u-f2892a2e8a { display: none; }
.nordena-u-f86cab29ee { margin-bottom: 25px; gap: 15px; }
.nordena-u-fb9057b616 { display: flex; align-items: center; gap: 10px; }