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

/* resources/views/store/themes/ThemeMotrixa/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 var(--color-background);
        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:var(--color-background);
        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:var(--color-button-text);
        background:var(--color-primary);
        cursor:pointer;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
    }
    .sepet_devam_tamamla a {
        color:var(--color-button-text);
    }

/* resources/views/store/themes/ThemeMotrixa/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 var(--color-background);
        }

        .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 var(--color-background);
            border-radius:8px;
            padding:10px 15px;
            font-size:14px;
            transition:all 0.2s ease-in-out;
            background-color:var(--color-button-text);
            box-shadow:inset 0 1px 2px color-mix(in srgb, var(--color-text) 2%, transparent);
        }

        .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:var(--color-accent);
            outline:none;
            box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent);
            background-color:var(--color-button-text);
        }

        .one-page-checkout .new-address-form .form-label {
            font-weight:600;
            font-size:13px;
            color:var(--color-link);
            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 var(--color-accent);
            background:var(--color-background);
            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:var(--color-accent);
        }

        .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:var(--color-accent);
            color:color-mix(in srgb, var(--color-text) 77%, var(--color-background));
            font-weight:700;
            line-height:1.1;
        }

        .one-page-checkout .address-box .address-radio:checked + .address-content {
            border-color:var(--color-accent);
            box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 20%, transparent);
            background:var(--color-background);
        }

        .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 var(--color-background);
            border-radius:8px;
            padding:10px 15px;
            font-size:14px;
            transition:all 0.2s ease-in-out;
            background-color:var(--color-button-text);
        }

        /* Input odaklandığında (Focus) */
        .payment-details .form-control[data-card-field]:focus {
            border-color:var(--color-link);
            background-color:var(--color-button-text);
            box-shadow:0 0 0 3px color-mix(in srgb, var(--color-link) 10%, transparent);
            outline:none;
        }

        /* Placeholder (İpucu metni) rengi */
        .payment-details .form-control[data-card-field]::placeholder {
            color:color-mix(in srgb, var(--color-text) 37%, var(--color-background));
            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:var(--color-primary);
            background-color:var(--color-button-text);
        }

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

        .installment-options h4 {
            font-size:1rem !important;
            font-weight:600;
            color:var(--color-text);
            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:color-mix(in srgb, var(--color-text) 73%, var(--color-background));
            margin-bottom:8px;
            display:block;
        }

        .order-note textarea.form-control {
            border:1px solid var(--color-background);
            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:var(--color-button-text);
            min-height:100px;
        }

        .order-note textarea.form-control:focus {
            border-color:var(--color-link);
            box-shadow:0 4px 12px color-mix(in srgb, var(--color-link) 8%, transparent);
            background-color:var(--color-button-text);
        }

        /* 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:var(--color-background);
            border:1px solid var(--color-background);
            border-radius:16px;
            padding:25px;
            box-shadow:0 10px 30px color-mix(in srgb, var(--color-text) 5%, transparent);
            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:color-mix(in srgb, var(--color-text) 67%, var(--color-background));
        }

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

        /* Kupon Formu Düzenlemesi */
        .coupon-form {
            margin:20px 0;
            padding:15px 0;
            border-top:1px solid var(--color-background);
        }

        .coupon-form .input-group {
            background:var(--color-background);
            padding:5px;
            border-radius:10px;
            border:1px solid var(--color-background);
        }

        .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:var(--color-text);
        }

        .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:var(--color-button-text);
            border:1px solid var(--color-background);
            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:color-mix(in srgb, var(--color-text) 73%, var(--color-background));
            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:var(--color-secondary);
            color:var(--color-button-text);
            border:none;
            border-radius:12px;
            font-weight:700;
            font-size:1.1rem;
            box-shadow:0 4px 15px color-mix(in srgb, var(--color-secondary) 20%, transparent);
            transition:transform 0.2s, background 0.2s;
        }

        .btn-checkout:hover {
            background:var(--color-secondary);
            transform:translateY(-2px);
        }

/* resources/views/store/themes/ThemeMotrixa/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 var(--color-background);
        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:var(--color-background);
        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:var(--color-button-text) !important;
        background:var(--color-primary);
        cursor:pointer;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
    }

/* resources/views/store/themes/ThemeMotrixa/components/customer/sidebar.blade.php */
/* Sidebar İç Kapsayıcı */
    .sidebar-inner-wrapper {
        background:var(--color-background);
        border-radius:20px;
        border:1px solid var(--color-background);
        padding:24px;
        box-shadow:0 4px 12px color-mix(in srgb, var(--color-text) 3%, transparent);
    }

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

    .avatar-circle {
        width:44px;
        height:44px;
        background:var(--color-link);
        color:var(--color-button-text);
        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:var(--color-link);
    }

    .profile-info .user-name {
        font-size:15px;
        font-weight:600;
        color:color-mix(in srgb, var(--color-link) 72%, var(--color-text));
    }

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

    .menu-label {
        font-size:11px;
        text-transform:uppercase;
        color:color-mix(in srgb, var(--color-text) 29%, var(--color-background));
        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:var(--color-link);
        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:var(--color-button-text);
        color:var(--color-link);
    }

    .menu-list a.is-active {
        background-color:var(--color-button-text);
        color:var(--color-link);
        font-weight:600;
    }

    /* Çıkış Yap Kısmı */
    .sidebar-action-footer {
        margin-top:10px;
        padding-top:15px;
        border-top:1px solid var(--color-background);
    }

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

    .logout-link:hover {
        background-color:var(--color-button-text);
    }

/* resources/views/store/themes/ThemeMotrixa/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:var(--color-background);
            border-radius:20px;
            padding:40px;
            box-shadow:0 10px 40px color-mix(in srgb, var(--color-text) 5%, transparent);
            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:var(--color-background);
            color:var(--color-secondary);
            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:var(--color-background);
            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:var(--color-button-text); /* Hafif soft bir arka plan */
            padding:40px 15px;
        }

        /* Kartın masaüstünde devasa yayılmasını engelle ve ortala */
        .order-status-card {
            background:var(--color-background);
            border-radius:20px;
            padding:40px;
            box-shadow:0 15px 35px color-mix(in srgb, var(--color-text) 5%, transparent);
            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:var(--color-background);
            color:color-mix(in srgb, var(--color-secondary) 72%, var(--color-text));
            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:var(--color-background);
            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/ThemeMotrixa/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:var(--color-background);
            border-radius:20px;
            box-shadow:0 15px 35px color-mix(in srgb, var(--color-text) 10%, transparent);
            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:var(--color-primary) !important;
            color:var(--color-button-text) !important;
            border:none !important;
        }

        .btn-cart {
            background-color:var(--color-button-text) !important;
            color:color-mix(in srgb, var(--color-link) 72%, var(--color-text)) !important;
            border:1px solid var(--color-background) !important;
        }

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

        .error-footer {
            background-color:var(--color-button-text) !important;
            border-top:1px solid var(--color-background) !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:color-mix(in srgb, var(--color-text) 37%, var(--color-background)) !important;
            text-decoration:none !important;
            font-size:0.85rem;
            transition:color 0.2s;
        }

        .back-link:hover {
            color:color-mix(in srgb, var(--color-text) 58%, var(--color-background)) !important;
        }

/* resources/views/store/themes/ThemeMotrixa/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/ThemeMotrixa/pages/checkout/handle.blade.php */
.three-ds-modal-backdrop { position:fixed; inset:0; background:color-mix(in srgb, var(--color-text) 60%, transparent); z-index:9999; display:none; align-items:center; justify-content:center; padding:16px; }
        .three-ds-modal-card { background:var(--color-background); 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:var(--color-background); border-radius:6px; padding:6px 10px; cursor:pointer; }
        .three-ds-modal-body { height:min(78vh, 680px); border:1px solid var(--color-background); border-radius:8px; overflow:hidden; background:var(--color-background); }
        .three-ds-modal-frame { width:100%; height:100%; border:0; }
        .three-ds-modal-note { margin-top:10px; font-size:13px; color:color-mix(in srgb, var(--color-text) 60%, var(--color-background)); }

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

        .product-tag-badges span {
            background:var(--color-accent);
            color:var(--color-accent);
            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 var(--color-background);
            border-left:1px solid var(--color-background);
            background:var(--color-background);
        }

        /* Her Bir Tab Öğesi */
        .custom-tab-item {
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            padding:15px 5px;
            color:color-mix(in srgb, var(--color-text) 67%, var(--color-background)) !important;
            text-decoration:none !important;
            font-size:14px;
            font-weight:600;
            border-right:1px solid var(--color-background) !important;
            border-bottom:1px solid var(--color-background) !important;
            background:var(--color-background);
            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:var(--color-button-text) !important;
            color:var(--color-text) !important;
            position:relative;
            box-shadow:inset 0 -2px 0 var(--color-text);
        }

        /* ==========================================================================
           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:color-mix(in srgb, var(--color-link) 72%, var(--color-text));
        }
        .variant-title {
            font-weight:600;
        }
        .selected-variant-value {
            font-weight:700;
            margin-left:5px;
            color:var(--color-text);
        }
        .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:var(--color-button-text) !important;
            border:1px solid var(--color-background) !important;
            border-radius:8px !important;
            font-size:14px !important;
            font-weight:500 !important;
            color:var(--color-link) !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:var(--color-button-text) !important;
            border-color:color-mix(in srgb, var(--color-text) 35%, var(--color-background)) !important;
        }
        .variant-label input[type="radio"]:checked + .variant-btn {
            background-color:color-mix(in srgb, var(--color-link) 72%, var(--color-text)) !important;
            border-color:color-mix(in srgb, var(--color-link) 72%, var(--color-text)) !important;
            color:var(--color-button-text) !important;
            box-shadow:0 4px 6px -1px color-mix(in srgb, var(--color-text) 10%, transparent) !important;
        }
        .variant-btn--unavailable {
            opacity:0.35 !important;
            cursor:not-allowed !important;
            text-decoration:line-through !important;
        }

/* resources/views/store/themes/ThemeMotrixa/pages/customer/settings/addresses.blade.php */
.custom-modal-overlay {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:color-mix(in srgb, color-mix(in srgb, var(--color-link) 72%, var(--color-text)) 70%, transparent); /* 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:var(--color-button-text);
        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 color-mix(in srgb, var(--color-text) 25%, transparent);
        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 var(--color-background);
        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:var(--color-background);
        border-top:1px solid var(--color-background);
        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/ThemeMotrixa/pages/customer/promotions/coupons.blade.php */
.coupon-card { transition:transform 0.2s ease; }
        .coupon-card:hover { transform:translateY(-3px); }
        .purple-bg { background:var(--color-background); color:var(--color-secondary); }

        /* 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:var(--color-background); /* 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/ThemeMotrixa/pages/customer/purchase/order-detail.blade.php */
.step-item { flex:1; position:relative; }
        .modern-order-card { background:var(--color-background); border-radius:20px; border:1px solid var(--color-background); 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/ThemeMotrixa/pages/customer/purchase/favorites.blade.php */
.fav-item-card { transition:all 0.3s ease; border:1px solid var(--color-background); }
        .fav-item-card:hover { transform:translateY(-5px); box-shadow:0 10px 20px color-mix(in srgb, var(--color-text) 8%, transparent); border-color:var(--color-link); }
        .fav-item-card:hover .product-img-wrapper img { transform:scale(1.05); }
        .remove-fav-btn:hover { background:var(--color-primary) !important; color:var(--color-button-text) !important; transform:rotate(90deg); }
        .red-bg { background:var(--color-background); color:var(--color-primary); }

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