/* BehshidGold site styles extracted from the supplied HTML.
   Bootstrap 5 RTL and Font Awesome are loaded locally by _Layout.cshtml.
*/
/* ==========================================================================
   گالری جواهرات زرین — پوسته اصلی
   طراحی: پس‌زمینه مشکی، رنگ طلایی، دکمه‌های زرد-طلایی
   راست‌به‌چپ (RTL)، بوت‌استرپ ۵
   ========================================================================== */

/* ---------- متغیرهای رنگ ---------- */
:root {
    /* طلایی — رنگ اصلی برند */
    --gold: #d4af37;
    --gold-light: #f0d98c;
    --gold-bright: #ffd95e;
    --gold-dark: #a8842a;
    --gold-deep: #6b5316;
    /* زرد — رنگ تأکیدی دکمه‌ها */
    --yellow: #ffc93c;
    --yellow-hover: #ffb800;
    --yellow-soft: #ffe89a;
    /* پس‌زمینه تیره */
    --bg-black: #0a0a0b;
    --bg-dark: #111113;
    --bg-panel: #17171a;
    --bg-card: #1c1c20;
    --bg-elevated: #232328;
    --bg-input: #141416;
    /* متن */
    --text-primary: #f5f3ee;
    --text-secondary: #b8b5ad;
    --text-muted: #807d77;
    /* مرزها */
    --border: #2e2e34;
    --border-gold: rgba(212, 175, 55, 0.35);
    --border-soft: rgba(255, 255, 255, 0.07);
    /* وضعیت‌ها */
    --success: #2fa87a;
    --warning: #e0a63c;
    --danger: #d9534f;
    --info: #4a90c4;
    /* گرادیان‌ها */
    --grad-gold: linear-gradient(135deg, #d4af37 0%, #f0d98c 45%, #d4af37 100%);
    --grad-gold-btn: linear-gradient(135deg, #ffc93c 0%, #ffd95e 50%, #e3ac1f 100%);
    --grad-dark: linear-gradient(180deg, #111113 0%, #0a0a0b 100%);
    --grad-panel: linear-gradient(160deg, #1c1c20 0%, #17171a 100%);
    /* سایه‌ها */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.6);
    --shadow-gold: 0 6px 24px rgba(212, 175, 55, 0.22);
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 18px;
    --nav-height: 68px;
}

/* ---------- پایه ---------- */
* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    background: var(--bg-black);
    color: var(--text-primary);
    font-family: 'Vazirmatn', 'IRANSans', 'Segoe UI', Tahoma, sans-serif;
    font-size: 15px;
    line-height: 1.85;
    overflow-x: hidden;
    min-height: 100vh;
}

    body.has-fixed-nav {
        padding-top: var(--nav-height);
    }

@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/vazirmatn/Vazirmatn-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* =====================================================
   RAZOR PAGES CONTENT AREA
   ===================================================== */

.site-main {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* =====================================================
   ERROR PAGE
   ===================================================== */

.error-wrapper {
    width: 100%;
    min-height: calc(100vh - var(--nav-height));
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 20px;
    box-sizing: border-box;
}

.error-card {
    width: 100%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 40px;
    box-sizing: border-box;
    text-align: center;
}

a {
    color: var(--gold);
    text-decoration: none;
    transition: color 0.2s ease;
}

    a:hover {
        color: var(--gold-bright);
    }

h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
    font-weight: 700;
    line-height: 1.5;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.6rem;
}

h3 {
    font-size: 1.3rem;
}

p {
    color: var(--text-secondary);
}

hr {
    border-color: var(--border);
    opacity: 0.6;
}

::selection {
    background: var(--gold);
    color: #000;
}

/* اعداد فارسی در تمام رابط کاربری */
body,
input,
select,
textarea,
button {
    font-variant-numeric: normal;
}

/* ---------- نوار پیمایش بالا ---------- */
.top-bar {
    background: #060607;
    border-bottom: 1px solid var(--border-soft);
    font-size: 0.8rem;
    padding: 6px 0;
    color: var(--text-muted);
}

    .top-bar a {
        color: var(--text-muted);
        font-size: 0.8rem;
    }

        .top-bar a:hover {
            color: var(--gold);
        }

    .top-bar .divider {
        color: var(--border);
        margin: 0 10px;
    }

.main-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: rgba(10, 10, 11, 0.96);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-gold);
    height: var(--nav-height);
    box-shadow: var(--shadow-md);
}

    .main-nav .navbar-brand {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--text-primary);
        font-weight: 800;
        font-size: 1.15rem;
    }

.brand-mark {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--grad-gold);
    color: #1a1405;
    font-size: 1.15rem;
    box-shadow: var(--shadow-gold);
}

.brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

    .brand-text small {
        font-size: 0.65rem;
        font-weight: 400;
        color: var(--gold);
        letter-spacing: 1px;
    }

/* منوی اصلی */
.main-nav .nav-link {
    color: var(--text-secondary);
    font-weight: 500;
    padding: 0.55rem 0.85rem !important;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    position: relative;
}

    .main-nav .nav-link:hover,
    .main-nav .nav-link:focus {
        color: var(--gold);
        background: rgba(212, 175, 55, 0.08);
    }

    .main-nav .nav-link.active {
        color: var(--gold-bright);
        background: rgba(212, 175, 55, 0.12);
    }

/* کشوی منو */
.main-nav .dropdown-menu {
    background: var(--bg-elevated);
    border: 1px solid var(--border-gold);
    border-radius: var(--radius);
    padding: 8px;
    min-width: 230px;
    box-shadow: var(--shadow-lg);
    margin-top: 8px;
}

.main-nav .dropdown-item {
    color: var(--text-secondary);
    border-radius: var(--radius-sm);
    padding: 0.55rem 0.9rem;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.15s ease;
}

    .main-nav .dropdown-item:hover,
    .main-nav .dropdown-item:focus {
        background: rgba(212, 175, 55, 0.14);
        color: var(--gold-bright);
    }

    .main-nav .dropdown-item i {
        width: 18px;
        text-align: center;
        color: var(--gold);
        font-size: 0.85rem;
    }

.dropdown-divider {
    border-color: var(--border);
    margin: 6px 0;
}

.dropdown-header {
    color: var(--gold);
    font-size: 0.72rem;
    letter-spacing: 0.5px;
    padding: 0.5rem 0.9rem 0.25rem;
    font-weight: 700;
}

/* آیکون‌های نوار بالا */
.nav-icon-btn {
    position: relative;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    transition: all 0.2s ease;
}

    .nav-icon-btn:hover {
        background: rgba(212, 175, 55, 0.12);
        border-color: var(--border-gold);
        color: var(--gold);
    }

.nav-badge {
    position: absolute;
    top: -6px;
    left: -6px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    background: var(--grad-gold-btn);
    color: #1a1405;
    font-size: 0.68rem;
    font-weight: 800;
    display: grid;
    place-items: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

/* جستجوی زنده */
.search-wrap {
    position: relative;
    flex: 1;
    max-width: 420px;
}

.search-input {
    width: 100%;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-primary);
    padding: 0.6rem 2.8rem 0.6rem 1.1rem;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

    .search-input::placeholder {
        color: var(--text-muted);
        font-size: 0.85rem;
    }

    .search-input:focus {
        outline: none;
        border-color: var(--gold);
        background: #0e0e10;
        box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.13);
    }

.search-btn {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    background: var(--grad-gold-btn);
    color: #1a1405;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .search-btn:hover {
        filter: brightness(1.1);
        box-shadow: var(--shadow-gold);
    }

/* نتایج جستجوی زنده */
.search-results {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    background: var(--bg-elevated);
    border: 1px solid var(--border-gold);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    max-height: 420px;
    overflow-y: auto;
    z-index: 1050;
    display: none;
}

    .search-results.show {
        display: block;
    }

.search-result-item {
    display: flex;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--border-soft);
    transition: background 0.15s ease;
    color: var(--text-primary);
}

    .search-result-item:last-child {
        border-bottom: none;
    }

    .search-result-item:hover {
        background: rgba(212, 175, 55, 0.09);
        color: var(--text-primary);
    }

.search-result-thumb {
    width: 52px;
    height: 52px;
    border-radius: var(--radius-sm);
    object-fit: cover;
    background: var(--bg-card);
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.search-result-info {
    flex: 1;
    min-width: 0;
}

.search-result-title {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-result-price {
    font-size: 0.82rem;
    color: var(--gold);
    font-weight: 700;
}

.search-empty {
    padding: 22px;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.88rem;
}

/* ---------- دکمه‌ها ---------- */
.btn {
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.6rem 1.4rem;
    transition: all 0.22s ease;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.6;
}

.btn-gold,
.btn-primary {
    background: var(--grad-gold-btn);
    color: #1a1405 !important;
    border-color: rgba(255, 214, 90, 0.5);
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.25);
}

    .btn-gold:hover,
    .btn-primary:hover {
        filter: brightness(1.08);
        box-shadow: 0 6px 22px rgba(212, 175, 55, 0.42);
        transform: translateY(-1px);
        color: #120d02 !important;
    }

.btn-outline-gold {
    background: transparent;
    color: var(--gold) !important;
    border: 1px solid var(--border-gold);
}

    .btn-outline-gold:hover {
        background: rgba(212, 175, 55, 0.14);
        border-color: var(--gold);
        color: var(--gold-bright) !important;
        transform: translateY(-1px);
    }

.btn-dark-soft {
    background: var(--bg-elevated);
    color: var(--text-secondary) !important;
    border: 1px solid var(--border);
}

    .btn-dark-soft:hover {
        background: #2a2a30;
        color: var(--gold) !important;
        border-color: var(--border-gold);
    }

.btn-danger-soft {
    background: rgba(217, 83, 79, 0.13);
    color: #ef8b88 !important;
    border: 1px solid rgba(217, 83, 79, 0.35);
}

    .btn-danger-soft:hover {
        background: rgba(217, 83, 79, 0.24);
        color: #ffb3b0 !important;
    }

.btn-success-soft {
    background: rgba(47, 168, 122, 0.13);
    color: #5ecfa4 !important;
    border: 1px solid rgba(47, 168, 122, 0.35);
}

    .btn-success-soft:hover {
        background: rgba(47, 168, 122, 0.24);
    }

.btn-sm {
    padding: 0.4rem 0.9rem;
    font-size: 0.82rem;
}

.btn-lg {
    padding: 0.85rem 2rem;
    font-size: 1rem;
}

.btn:disabled,
.btn.disabled {
    opacity: 0.5;
    filter: grayscale(0.4);
    cursor: not-allowed;
    transform: none !important;
}

/* ---------- کارت‌ها ---------- */
.card-dark {
    background: var(--grad-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.card-dark-header {
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.02);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

    .card-dark-header h2,
    .card-dark-header h3 {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 9px;
    }

        .card-dark-header h2 i,
        .card-dark-header h3 i {
            color: var(--gold);
        }

.card-dark-body {
    padding: 20px;
}

/* نوار کناره طلایی */
.gold-accent-top {
    position: relative;
}

    .gold-accent-top::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 2px;
        background: var(--grad-gold);
    }

/* ---------- کارت محصول ---------- */
.product-card {
    background: var(--grad-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: all 0.28s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .product-card:hover {
        border-color: var(--border-gold);
        transform: translateY(-4px);
        box-shadow: var(--shadow-gold), var(--shadow-md);
    }

.product-media {
    position: relative;
    aspect-ratio: 1 / 1;
    background: #101012;
    overflow: hidden;
    display: block;
}

    .product-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.45s ease;
    }

.product-card:hover .product-media img {
    transform: scale(1.07);
}

.product-badges {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 2;
}

.badge-float {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    backdrop-filter: blur(6px);
}

.badge-discount {
    background: var(--grad-gold-btn);
    color: #1a1405;
}

.badge-new {
    background: rgba(47, 168, 122, 0.9);
    color: #fff;
}

.badge-soldout {
    background: rgba(217, 83, 79, 0.9);
    color: #fff;
}

.badge-featured {
    background: rgba(10, 10, 11, 0.85);
    color: var(--gold);
    border: 1px solid var(--border-gold);
}

/* دکمه علاقه‌مندی روی کارت */
.wishlist-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: rgba(10, 10, 11, 0.78);
    color: var(--text-muted);
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 2;
    transition: all 0.2s ease;
    backdrop-filter: blur(4px);
}

    .wishlist-btn:hover {
        border-color: var(--gold);
        color: var(--gold);
    }

    .wishlist-btn.active {
        background: rgba(212, 175, 55, 0.2);
        border-color: var(--gold);
        color: var(--gold-bright);
    }

.product-body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-category {
    font-size: 0.72rem;
    color: var(--text-muted);
    margin-bottom: 6px;
}

.product-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 8px;
    line-height: 1.65;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.1em;
}

    .product-title a {
        color: var(--text-primary);
    }

        .product-title a:hover {
            color: var(--gold);
        }

.product-rating {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-bottom: 10px;
}

    .product-rating .stars {
        color: var(--gold);
        letter-spacing: 1px;
    }

.product-price-row {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--border-soft);
}

.price-current {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--gold-bright);
    line-height: 1.4;
}

.price-old {
    font-size: 0.8rem;
    color: var(--text-muted);
    text-decoration: line-through;
}

.product-actions {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

    .product-actions .btn {
        flex: 1;
    }

/* ---------- برچسب وضعیت ---------- */
.badge-soft {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 11px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

.badge-success {
    background: rgba(47, 168, 122, 0.15);
    color: #5ecfa4;
    border-color: rgba(47, 168, 122, 0.32);
}

.badge-warn {
    background: rgba(224, 166, 60, 0.15);
    color: #edbe6c;
    border-color: rgba(224, 166, 60, 0.32);
}

.badge-danger {
    background: rgba(217, 83, 79, 0.15);
    color: #ef8b88;
    border-color: rgba(217, 83, 79, 0.32);
}

.badge-info {
    background: rgba(74, 144, 196, 0.15);
    color: #7bb4dd;
    border-color: rgba(74, 144, 196, 0.32);
}

.badge-gold {
    background: rgba(212, 175, 55, 0.16);
    color: var(--gold-light);
    border-color: var(--border-gold);
}

.badge-muted {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-muted);
    border-color: var(--border);
}

/* ---------- فرم‌ها ---------- */
.form-label {
    color: var(--text-secondary);
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 6px;
}

    .form-label .required {
        color: var(--danger);
        margin-right: 3px;
    }

.form-control,
.form-select {
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    padding: 0.62rem 0.95rem;
    font-size: 0.92rem;
    transition: all 0.2s ease;
    font-family: inherit;
}

    .form-control:focus,
    .form-select:focus {
        background: #0e0e10;
        border-color: var(--gold);
        color: var(--text-primary);
        box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.13);
        outline: none;
    }

    .form-control::placeholder {
        color: var(--text-muted);
    }

    .form-control:disabled,
    .form-control[readonly] {
        background: #0f0f11;
        color: var(--text-muted);
        cursor: not-allowed;
    }

    .form-select option {
        background: var(--bg-elevated);
        color: var(--text-primary);
    }

textarea.form-control {
    min-height: 110px;
    line-height: 1.9;
    resize: vertical;
}

.form-check-input {
    background-color: var(--bg-input);
    border-color: var(--border);
    width: 1.05em;
    height: 1.05em;
    margin-top: 0.32em;
}

    .form-check-input:checked {
        background-color: var(--gold);
        border-color: var(--gold);
    }

    .form-check-input:focus {
        border-color: var(--gold);
        box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
    }

.form-check-label {
    color: var(--text-secondary);
    font-size: 0.88rem;
    cursor: pointer;
    margin-right: 4px;
}

.form-text {
    color: var(--text-muted);
    font-size: 0.78rem;
}

.field-validation-error,
.text-danger {
    color: #ef8b88 !important;
    font-size: 0.79rem;
    display: block;
    margin-top: 5px;
}

.validation-summary-errors {
    background: rgba(217, 83, 79, 0.1);
    border: 1px solid rgba(217, 83, 79, 0.3);
    border-radius: var(--radius-sm);
    padding: 14px 18px;
    margin-bottom: 18px;
}

    .validation-summary-errors ul {
        margin: 0;
        padding-right: 18px;
        color: #ef8b88;
        font-size: 0.85rem;
    }

.validation-summary-valid {
    display: none;
}

/* گروه ورودی */
.input-group-text {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    color: var(--text-muted);
    font-size: 0.85rem;
}

/* کادر کد یک‌بارمصرف */
.otp-boxes {
    display: flex;
    gap: 10px;
    justify-content: center;
    direction: ltr;
    margin: 22px 0;
}

.otp-input {
    width: 52px;
    height: 62px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 800;
    background: var(--bg-input);
    border: 2px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--gold-bright);
    transition: all 0.2s ease;
}

    .otp-input:focus {
        outline: none;
        border-color: var(--gold);
        box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18);
        background: #0e0e10;
    }

    .otp-input.filled {
        border-color: var(--gold);
        background: rgba(212, 175, 55, 0.07);
    }

/* ==========================================================================
   اجزای نمایشی
   ========================================================================== */

/* ---------- هیرو ---------- */
.hero {
    position: relative;
    padding: 60px 0;
    background: radial-gradient(1000px 400px at 80% -10%, rgba(212, 175, 55, 0.14), transparent 60%), radial-gradient(700px 300px at 10% 110%, rgba(212, 175, 55, 0.08), transparent 60%), var(--bg-dark);
    border-bottom: 1px solid var(--border-soft);
}

    .hero h1 {
        font-size: 2.4rem;
        margin-bottom: 14px;
    }

    .hero .lead {
        color: var(--text-secondary);
        font-size: 1.05rem;
        max-width: 620px;
    }

    .hero img {
        display: inline-block;
    }

.trust-strip {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 18px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: .85rem;
    color: var(--text-secondary);
}

    .trust-item i {
        color: var(--gold);
        font-size: 1.1rem;
    }

/* ---------- نوار ویژگی‌ها ---------- */
.feature-strip {
    padding: 34px 0;
    background: var(--bg-dark);
    border-bottom: 1px solid var(--border-soft);
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 14px;
}

.feature-icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid var(--border-gold);
    color: var(--gold);
    font-size: 1.15rem;
}

.feature-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 2px;
}

.feature-desc {
    font-size: 0.78rem;
    color: var(--text-muted);
    margin: 0;
}

/* ---------- عنوان بخش ---------- */
.section {
    padding: 62px 0;
}

.section-alt {
    background: var(--bg-dark);
    border-top: 1px solid var(--border-soft);
    border-bottom: 1px solid var(--border-soft);
}

.section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 34px;
    flex-wrap: wrap;
}

.section-title {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 11px;
}

    .section-title i {
        color: var(--gold);
    }

.section-subtitle {
    margin: 6px 0 0;
    font-size: 0.88rem;
    color: var(--text-muted);
}

.section-line {
    width: 54px;
    height: 3px;
    border-radius: 2px;
    background: var(--grad-gold);
    margin-top: 12px;
}

/* ---------- کارت دسته‌بندی ---------- */
.category-card {
    display: block;
    padding: 26px 18px;
    text-align: center;
    background: var(--grad-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    transition: all 0.26s ease;
    height: 100%;
    color: var(--text-primary);
}

    .category-card:hover {
        border-color: var(--border-gold);
        transform: translateY(-4px);
        box-shadow: var(--shadow-gold);
        color: var(--text-primary);
    }

.category-icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 14px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid var(--border-gold);
    color: var(--gold);
    font-size: 1.5rem;
    transition: all 0.26s ease;
}

.category-card:hover .category-icon {
    background: var(--grad-gold-btn);
    color: #1a1405;
    transform: scale(1.06);
}

.category-name {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.category-count {
    font-size: 0.76rem;
    color: var(--text-muted);
}

/* ---------- نوار برندها ---------- */
.brand-strip {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}

.brand-chip {
    padding: 9px 22px;
    border-radius: 999px;
    background: var(--bg-panel);
    border: 1px solid var(--border);
    color: var(--text-muted);
    font-size: 0.84rem;
    transition: all 0.2s ease;
}

    .brand-chip:hover {
        border-color: var(--border-gold);
        color: var(--gold);
    }

/* ---------- کارت خبرنامه / فراخوان ---------- */
.cta-box {
    padding: 44px 36px;
    border-radius: var(--radius-lg);
    background: radial-gradient(circle at 82% 30%, rgba(212, 175, 55, 0.18) 0%, transparent 55%), var(--grad-panel);
    border: 1px solid var(--border-gold);
    text-align: center;
}

    .cta-box h2 {
        font-size: 1.6rem;
        margin-bottom: 12px;
    }

    .cta-box p {
        max-width: 560px;
        margin: 0 auto 24px;
    }

/* ---------- مسیر راهنما ---------- */
.breadcrumb-wrap {
    padding: 18px 0;
    background: var(--bg-dark);
    border-bottom: 1px solid var(--border-soft);
}

.breadcrumb {
    margin: 0;
    font-size: 0.83rem;
    --bs-breadcrumb-divider: '‹';
}

.breadcrumb-item a {
    color: var(--text-muted);
}

    .breadcrumb-item a:hover {
        color: var(--gold);
    }

.breadcrumb-item.active {
    color: var(--gold-light);
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--border);
}

/* عنوان صفحه داخلی */
.page-head {
    padding: 40px 0 30px;
    background: var(--grad-dark);
    border-bottom: 1px solid var(--border-gold);
}

    .page-head h1 {
        margin: 0;
        font-size: 1.85rem;
        font-weight: 800;
        display: flex;
        align-items: center;
        gap: 12px;
    }

        .page-head h1 i {
            color: var(--gold);
        }

    .page-head p {
        margin: 10px 0 0;
        color: var(--text-muted);
        font-size: 0.9rem;
    }

/* ---------- نوار کناری فیلترها ---------- */
.filter-panel {
    background: var(--grad-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    position: sticky;
    top: calc(var(--nav-height) + 16px);
}

.filter-section {
    padding: 16px 18px;
    border-bottom: 1px solid var(--border-soft);
}

    .filter-section:last-child {
        border-bottom: none;
    }

.filter-title {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

    .filter-title i {
        color: var(--gold);
    }

.filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 320px;
    overflow-y: auto;
}

    .filter-list li {
        margin-bottom: 3px;
    }

    .filter-list a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 7px 10px;
        border-radius: var(--radius-sm);
        color: var(--text-secondary);
        font-size: 0.85rem;
        transition: all 0.16s ease;
    }

        .filter-list a:hover {
            background: rgba(212, 175, 55, 0.09);
            color: var(--gold);
        }

        .filter-list a.active {
            background: rgba(212, 175, 55, 0.14);
            color: var(--gold-bright);
            font-weight: 600;
        }

    .filter-list .count {
        font-size: 0.74rem;
        color: var(--text-muted);
        background: rgba(255, 255, 255, 0.05);
        padding: 1px 8px;
        border-radius: 999px;
    }

/* اسلایدر قیمت */
.price-range-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .price-range-row .form-control {
        font-size: 0.83rem;
        padding: 0.45rem 0.7rem;
        text-align: center;
    }

/* نوار مرتب‌سازی بالای لیست */
.toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    background: var(--grad-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    margin-bottom: 22px;
    flex-wrap: wrap;
}

.toolbar-info {
    font-size: 0.85rem;
    color: var(--text-muted);
}

    .toolbar-info strong {
        color: var(--gold);
    }

.toolbar-sort {
    min-width: 190px;
}

/* ---------- صفحه‌بندی ---------- */
.pagination-wrap {
    display: flex;
    justify-content: center;
    margin-top: 38px;
}

.pagination {
    gap: 6px;
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
}

    .pagination .page-link {
        background: var(--bg-panel);
        border: 1px solid var(--border);
        color: var(--text-secondary);
        border-radius: var(--radius-sm) !important;
        min-width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        font-size: 0.87rem;
        font-weight: 600;
        padding: 0 10px;
        transition: all 0.18s ease;
    }

        .pagination .page-link:hover {
            background: rgba(212, 175, 55, 0.12);
            border-color: var(--border-gold);
            color: var(--gold);
        }

    .pagination .page-item.active .page-link {
        background: var(--grad-gold-btn);
        border-color: transparent;
        color: #1a1405;
        box-shadow: var(--shadow-gold);
    }

    .pagination .page-item.disabled .page-link {
        opacity: 0.4;
        background: var(--bg-dark);
    }

/* ---------- صفحه محصول ---------- */
.product-gallery {
    position: relative;
}

.gallery-main {
    aspect-ratio: 1 / 1;
    background: #101012;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
    margin-bottom: 14px;
}

    .gallery-main img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

    .gallery-main:hover img {
        transform: scale(1.08);
    }

.gallery-thumbs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.gallery-thumb {
    width: 76px;
    height: 76px;
    border-radius: var(--radius-sm);
    border: 2px solid var(--border);
    overflow: hidden;
    cursor: pointer;
    background: #101012;
    padding: 0;
    transition: all 0.2s ease;
}

    .gallery-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .gallery-thumb:hover,
    .gallery-thumb.active {
        border-color: var(--gold);
    }

.product-info-title {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.55;
    margin-bottom: 14px;
}

.product-meta-row {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    padding: 14px 0;
    border-top: 1px solid var(--border-soft);
    border-bottom: 1px solid var(--border-soft);
    margin-bottom: 20px;
    font-size: 0.84rem;
    color: var(--text-muted);
}

    .product-meta-row span {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .product-meta-row i {
        color: var(--gold);
    }

.price-box {
    padding: 20px;
    background: var(--bg-panel);
    border: 1px solid var(--border-gold);
    border-radius: var(--radius);
    margin-bottom: 20px;
}

    .price-box .price-current {
        font-size: 1.7rem;
    }

.price-savings {
    display: inline-block;
    margin-top: 8px;
    padding: 3px 12px;
    border-radius: 999px;
    background: rgba(47, 168, 122, 0.14);
    border: 1px solid rgba(47, 168, 122, 0.3);
    color: #5ecfa4;
    font-size: 0.78rem;
    font-weight: 700;
}

.stock-line {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.86rem;
    margin-bottom: 16px;
}

.qty-selector {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--bg-input);
}

.qty-btn {
    width: 42px;
    height: 46px;
    border: none;
    background: transparent;
    color: var(--gold);
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.18s ease;
}

    .qty-btn:hover {
        background: rgba(212, 175, 55, 0.12);
    }

.qty-value {
    width: 58px;
    text-align: center;
    border: none;
    background: transparent;
    color: var(--text-primary);
    font-weight: 700;
    font-size: 0.98rem;
}

    .qty-value:focus {
        outline: none;
    }

/* ویژگی‌های کوتاه محصول */
.feature-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.feature-chip {
    padding: 5px 13px;
    border-radius: var(--radius-sm);
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 0.79rem;
}

    .feature-chip i {
        color: var(--gold);
        margin-left: 5px;
    }

/* ---------- جدول مشخصات ---------- */
.spec-table {
    width: 100%;
    border-collapse: collapse;
}

    .spec-table tr {
        border-bottom: 1px solid var(--border-soft);
    }

        .spec-table tr:last-child {
            border-bottom: none;
        }

    .spec-table th {
        padding: 12px 16px;
        text-align: right;
        font-weight: 600;
        color: var(--text-muted);
        font-size: 0.85rem;
        width: 38%;
        background: rgba(255, 255, 255, 0.017);
    }

    .spec-table td {
        padding: 12px 16px;
        color: var(--text-primary);
        font-size: 0.88rem;
    }

/* ---------- زبانه‌ها ---------- */
.tabs-nav {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--border);
    overflow-x: auto;
    margin-bottom: 24px;
}

.tab-btn {
    padding: 12px 22px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .tab-btn:hover {
        color: var(--gold);
    }

    .tab-btn.active {
        color: var(--gold-bright);
        border-bottom-color: var(--gold);
    }

.tab-pane {
    display: none;
}

    .tab-pane.active {
        display: block;
        animation: fadeIn 0.25s ease;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------- نظرات ---------- */
.review-item {
    padding: 18px 0;
    border-bottom: 1px solid var(--border-soft);
}

    .review-item:last-child {
        border-bottom: none;
    }

.review-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.review-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.13);
    border: 1px solid var(--border-gold);
    display: grid;
    place-items: center;
    color: var(--gold);
    font-weight: 800;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.review-author {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.review-date {
    font-size: 0.76rem;
    color: var(--text-muted);
}

.review-stars {
    color: var(--gold);
    font-size: 0.85rem;
    letter-spacing: 1px;
}

.review-body {
    color: var(--text-secondary);
    font-size: 0.88rem;
    line-height: 2;
}

/* خلاصه امتیازها */
.rating-summary {
    text-align: center;
    padding: 22px;
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    height: 100%;
}

.rating-big {
    font-size: 2.9rem;
    font-weight: 800;
    color: var(--gold-bright);
    line-height: 1.1;
}

.rating-bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.79rem;
    color: var(--text-muted);
    margin-bottom: 5px;
}

.rating-bar {
    flex: 1;
    height: 6px;
    background: var(--bg-elevated);
    border-radius: 3px;
    overflow: hidden;
}

.rating-bar-fill {
    height: 100%;
    background: var(--grad-gold-btn);
    border-radius: 3px;
}

/* انتخاب امتیاز با ستاره */
.star-picker {
    display: flex;
    gap: 5px;
    direction: ltr;
    justify-content: flex-start;
    font-size: 1.6rem;
    cursor: pointer;
}

    .star-picker i {
        color: var(--bg-elevated);
        transition: all 0.15s ease;
    }

        .star-picker i.active,
        .star-picker i:hover {
            color: var(--gold);
            transform: scale(1.08);
        }

/* ---------- سبد خرید ---------- */
.cart-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .cart-table th {
        padding: 13px 14px;
        text-align: right;
        font-size: 0.82rem;
        font-weight: 700;
        color: var(--text-muted);
        border-bottom: 1px solid var(--border);
        white-space: nowrap;
    }

    .cart-table td {
        padding: 16px 14px;
        border-bottom: 1px solid var(--border-soft);
        vertical-align: middle;
    }

    .cart-table tr:last-child td {
        border-bottom: none;
    }

.cart-product {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cart-thumb {
    width: 76px;
    height: 76px;
    border-radius: var(--radius-sm);
    object-fit: cover;
    background: #101012;
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.cart-product-title {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary);
    margin-bottom: 4px;
}

    .cart-product-title a {
        color: var(--text-primary);
    }

        .cart-product-title a:hover {
            color: var(--gold);
        }

.cart-product-meta {
    font-size: 0.76rem;
    color: var(--text-muted);
}

.remove-btn {
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text-muted);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .remove-btn:hover {
        border-color: rgba(217, 83, 79, 0.5);
        background: rgba(217, 83, 79, 0.12);
        color: #ef8b88;
    }

/* خلاصه سفارش کنار صفحه */
.summary-panel {
    background: var(--grad-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    position: sticky;
    top: calc(var(--nav-height) + 16px);
}

.summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0;
    font-size: 0.88rem;
    color: var(--text-secondary);
}

    .summary-row.total {
        padding-top: 16px;
        margin-top: 8px;
        border-top: 1px solid var(--border);
        font-size: 1.1rem;
        font-weight: 800;
        color: var(--gold-bright);
    }

    .summary-row .val {
        font-weight: 700;
        color: var(--text-primary);
    }

    .summary-row.total .val {
        color: var(--gold-bright);
    }

    .summary-row .val.free {
        color: #5ecfa4;
    }

    .summary-row .val.discount {
        color: #5ecfa4;
    }

/* نوار ارسال رایگان */
.free-ship-bar {
    padding: 12px 16px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid var(--border-gold);
    border-radius: var(--radius-sm);
    font-size: 0.83rem;
    color: var(--gold-light);
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.free-ship-progress {
    height: 5px;
    background: var(--bg-elevated);
    border-radius: 3px;
    overflow: hidden;
    margin-top: 8px;
}

.free-ship-progress-fill {
    height: 100%;
    background: var(--grad-gold-btn);
    border-radius: 3px;
    transition: width 0.4s ease;
}

/* ---------- تسویه حساب ---------- */
.checkout-steps {
    display: flex;
    gap: 8px;
    margin-bottom: 30px;
}

.checkout-step {
    flex: 1;
    text-align: center;
    padding: 12px 8px;
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 0.82rem;
    color: var(--text-muted);
    position: relative;
}

    .checkout-step.active {
        border-color: var(--gold);
        background: rgba(212, 175, 55, 0.09);
        color: var(--gold-bright);
        font-weight: 700;
    }

    .checkout-step.done {
        border-color: rgba(47, 168, 122, 0.4);
        color: #5ecfa4;
    }

/* کارت انتخاب روش پرداخت */
.option-card {
    display: block;
    padding: 16px 18px;
    background: var(--bg-input);
    border: 2px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 12px;
}

    .option-card:hover {
        border-color: var(--border-gold);
    }

    .option-card.selected {
        border-color: var(--gold);
        background: rgba(212, 175, 55, 0.07);
    }

.option-card-title {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 4px;
}

    .option-card-title i {
        color: var(--gold);
    }

.option-card-desc {
    font-size: 0.78rem;
    color: var(--text-muted);
    margin: 0;
}

/* ---------- تایید سفارش ---------- */
.success-hero {
    text-align: center;
    padding: 52px 20px;
}

.success-icon {
    width: 92px;
    height: 92px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: rgba(47, 168, 122, 0.12);
    border: 2px solid rgba(47, 168, 122, 0.4);
    display: grid;
    place-items: center;
    color: #5ecfa4;
    font-size: 2.5rem;
    animation: popIn 0.45s ease;
}

@keyframes popIn {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }

    70% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.order-number-box {
    display: inline-block;
    padding: 11px 26px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px dashed var(--border-gold);
    border-radius: var(--radius-sm);
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--gold-bright);
    letter-spacing: 1.5px;
    margin: 8px 0;
}

/* ---------- پیگیری سفارش (خط زمانی) ---------- */
.timeline {
    position: relative;
    padding-right: 34px;
}

    .timeline::before {
        content: '';
        position: absolute;
        right: 11px;
        top: 8px;
        bottom: 8px;
        width: 2px;
        background: var(--border);
    }

.timeline-item {
    position: relative;
    padding-bottom: 24px;
}

    .timeline-item:last-child {
        padding-bottom: 0;
    }

.timeline-dot {
    position: absolute;
    right: -34px;
    top: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--bg-panel);
    border: 2px solid var(--border);
    display: grid;
    place-items: center;
    font-size: 0.6rem;
    color: var(--text-muted);
    z-index: 2;
}

.timeline-item.done .timeline-dot {
    background: var(--grad-gold-btn);
    border-color: var(--gold);
    color: #1a1405;
}

.timeline-item.current .timeline-dot {
    border-color: var(--gold);
    color: var(--gold);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.15);
}

.timeline-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 3px;
}

.timeline-date {
    font-size: 0.76rem;
    color: var(--text-muted);
}

.timeline-note {
    font-size: 0.82rem;
    color: var(--text-secondary);
    margin-top: 5px;
}

/* ---------- پنل کاربری ---------- */
.account-sidebar {
    background: var(--grad-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    position: sticky;
    top: calc(var(--nav-height) + 16px);
}

.account-user {
    padding: 22px 18px;
    text-align: center;
    border-bottom: 1px solid var(--border);
    background: rgba(212, 175, 55, 0.04);
}

.account-avatar {
    width: 66px;
    height: 66px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: var(--grad-gold);
    color: #1a1405;
    display: grid;
    place-items: center;
    font-size: 1.5rem;
    font-weight: 800;
    box-shadow: var(--shadow-gold);
}

.account-name {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--text-primary);
    margin-bottom: 3px;
}

.account-phone {
    font-size: 0.79rem;
    color: var(--text-muted);
    direction: ltr;
}

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

    .account-menu a {
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 11px 14px;
        border-radius: var(--radius-sm);
        color: var(--text-secondary);
        font-size: 0.88rem;
        font-weight: 500;
        transition: all 0.17s ease;
    }

        .account-menu a:hover {
            background: rgba(212, 175, 55, 0.09);
            color: var(--gold);
        }

        .account-menu a.active {
            background: rgba(212, 175, 55, 0.14);
            color: var(--gold-bright);
            font-weight: 700;
        }

        .account-menu a i {
            width: 20px;
            text-align: center;
            font-size: 0.9rem;
        }

    .account-menu .logout-link {
        color: #ef8b88;
        border-top: 1px solid var(--border-soft);
        margin-top: 6px;
        padding-top: 14px;
        border-radius: 0;
    }

        .account-menu .logout-link:hover {
            background: rgba(217, 83, 79, 0.1);
            color: #ffb3b0;
        }

/* کارت آمار */
.stat-card {
    padding: 20px;
    background: var(--grad-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    height: 100%;
    transition: all 0.24s ease;
    position: relative;
    overflow: hidden;
}

    .stat-card:hover {
        border-color: var(--border-gold);
        transform: translateY(-3px);
    }

    .stat-card::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 3px;
        height: 100%;
        background: var(--grad-gold);
    }

.stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid var(--border-gold);
    display: grid;
    place-items: center;
    color: var(--gold);
    font-size: 1.1rem;
    margin-bottom: 14px;
}

.stat-value {
    font-size: 1.55rem;
    font-weight: 800;
    color: var(--text-primary);
    line-height: 1.3;
}

.stat-label {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* ---------- جدول داده (پنل مدیریت) ---------- */
.data-table-wrap {
    overflow-x: auto;
    border-radius: var(--radius);
}

.data-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 780px;
}

    .data-table thead th {
        padding: 13px 15px;
        text-align: right;
        font-size: 0.79rem;
        font-weight: 700;
        color: var(--text-muted);
        background: rgba(255, 255, 255, 0.028);
        border-bottom: 1px solid var(--border);
        white-space: nowrap;
        text-transform: none;
    }

    .data-table tbody td {
        padding: 13px 15px;
        border-bottom: 1px solid var(--border-soft);
        font-size: 0.86rem;
        color: var(--text-secondary);
        vertical-align: middle;
    }

    .data-table tbody tr {
        transition: background 0.16s ease;
    }

        .data-table tbody tr:hover {
            background: rgba(212, 175, 55, 0.04);
        }

        .data-table tbody tr:last-child td {
            border-bottom: none;
        }

.table-thumb {
    width: 46px;
    height: 46px;
    border-radius: var(--radius-sm);
    object-fit: cover;
    background: #101012;
    border: 1px solid var(--border);
}

.table-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.table-empty {
    text-align: center;
    padding: 56px 20px;
    color: var(--text-muted);
}

    .table-empty i {
        font-size: 2.7rem;
        opacity: 0.35;
        display: block;
        margin-bottom: 14px;
        color: var(--gold);
    }

/* ---------- چیدمان پنل مدیریت ---------- */
.admin-body {
    background: var(--bg-black);
}

.admin-wrap {
    display: flex;
    min-height: 100vh;
}

.admin-sidebar {
    width: 262px;
    flex-shrink: 0;
    background: var(--bg-dark);
    border-left: 1px solid var(--border);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    z-index: 1040;
    transition: transform 0.28s ease;
}

.admin-sidebar-head {
    padding: 18px 20px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 11px;
}

    .admin-sidebar-head .brand-mark {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }

.admin-sidebar-head-text {
    line-height: 1.3;
}

    .admin-sidebar-head-text strong {
        display: block;
        font-size: 0.92rem;
        color: var(--text-primary);
    }

    .admin-sidebar-head-text small {
        font-size: 0.68rem;
        color: var(--gold);
    }

.admin-nav {
    list-style: none;
    margin: 0;
    padding: 12px 10px 30px;
}

.admin-nav-group {
    font-size: 0.68rem;
    color: var(--text-muted);
    letter-spacing: 1px;
    padding: 16px 12px 7px;
    font-weight: 700;
}

.admin-nav a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 13px;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.87rem;
    font-weight: 500;
    transition: all 0.17s ease;
    margin-bottom: 2px;
    position: relative;
}

    .admin-nav a:hover {
        background: rgba(212, 175, 55, 0.09);
        color: var(--gold);
    }

    .admin-nav a.active {
        background: rgba(212, 175, 55, 0.14);
        color: var(--gold-bright);
        font-weight: 700;
    }

        .admin-nav a.active::before {
            content: '';
            position: absolute;
            right: -10px;
            top: 50%;
            transform: translateY(-50%);
            width: 3px;
            height: 60%;
            background: var(--grad-gold);
            border-radius: 2px;
        }

    .admin-nav a i {
        width: 19px;
        text-align: center;
        font-size: 0.88rem;
    }

.admin-nav .nav-count {
    margin-right: auto;
    font-size: 0.7rem;
    background: var(--grad-gold-btn);
    color: #1a1405;
    padding: 1px 8px;
    border-radius: 999px;
    font-weight: 800;
}

.admin-main {
    flex: 1;
    margin-right: 262px;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.admin-topbar {
    height: 64px;
    background: rgba(10, 10, 11, 0.96);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 24px;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.admin-page-title {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .admin-page-title i {
        color: var(--gold);
    }

.admin-content {
    padding: 26px 24px 60px;
    flex: 1;
}

.admin-toggle {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-sm);
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    color: var(--gold);
    font-size: 1rem;
}

.admin-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1035;
}

/* ---------- هشدارها ---------- */
.alert {
    border-radius: var(--radius-sm);
    padding: 14px 18px;
    font-size: 0.88rem;
    border: 1px solid;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    line-height: 1.8;
}

    .alert i:first-child {
        margin-top: 4px;
        font-size: 0.95rem;
    }

.alert-success {
    background: rgba(47, 168, 122, 0.11);
    border-color: rgba(47, 168, 122, 0.32);
    color: #5ecfa4;
}

.alert-danger {
    background: rgba(217, 83, 79, 0.11);
    border-color: rgba(217, 83, 79, 0.32);
    color: #ef8b88;
}

.alert-warning {
    background: rgba(224, 166, 60, 0.11);
    border-color: rgba(224, 166, 60, 0.32);
    color: #edbe6c;
}

.alert-info {
    background: rgba(74, 144, 196, 0.11);
    border-color: rgba(74, 144, 196, 0.32);
    color: #7bb4dd;
}

/* ---------- اعلان شناور ---------- */
.toast-wrap {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 1090;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.toast-msg {
    min-width: 270px;
    max-width: 360px;
    padding: 14px 18px;
    border-radius: var(--radius);
    background: var(--bg-elevated);
    border: 1px solid var(--border-gold);
    box-shadow: var(--shadow-lg);
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 0.87rem;
    color: var(--text-primary);
    animation: slideIn 0.3s ease;
}

    .toast-msg.success {
        border-color: rgba(47, 168, 122, 0.45);
    }

        .toast-msg.success i {
            color: #5ecfa4;
        }

    .toast-msg.error {
        border-color: rgba(217, 83, 79, 0.45);
    }

        .toast-msg.error i {
            color: #ef8b88;
        }

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-24px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ---------- پابرگ ---------- */
.site-footer {
    background: #060607;
    border-top: 1px solid var(--border-gold);
    padding: 52px 0 0;
    margin-top: 60px;
}

.footer-title {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 18px;
    position: relative;
    padding-bottom: 11px;
}

    .footer-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 34px;
        height: 2px;
        background: var(--grad-gold);
        border-radius: 2px;
    }

.footer-about {
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 2;
    margin-bottom: 18px;
}

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

    .footer-links li {
        margin-bottom: 9px;
    }

    .footer-links a {
        color: var(--text-muted);
        font-size: 0.85rem;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: all 0.18s ease;
    }

        .footer-links a:hover {
            color: var(--gold);
            transform: translateX(-4px);
        }

        .footer-links a i {
            font-size: 0.6rem;
            color: var(--gold);
        }

.footer-contact-item {
    display: flex;
    gap: 11px;
    margin-bottom: 14px;
    font-size: 0.85rem;
    color: var(--text-muted);
    align-items: flex-start;
}

    .footer-contact-item i {
        color: var(--gold);
        margin-top: 5px;
        width: 16px;
        flex-shrink: 0;
    }

.social-row {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.social-btn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    display: grid;
    place-items: center;
    color: var(--text-muted);
    font-size: 1rem;
    transition: all 0.22s ease;
}

    .social-btn:hover {
        background: var(--grad-gold-btn);
        border-color: transparent;
        color: #1a1405;
        transform: translateY(-3px);
    }

/* نمادهای اعتماد */
.trust-badges {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.trust-badge {
    width: 66px;
    height: 66px;
    border-radius: var(--radius-sm);
    background: var(--bg-panel);
    border: 1px solid var(--border);
    display: grid;
    place-items: center;
    color: var(--text-muted);
    font-size: 0.62rem;
    text-align: center;
    line-height: 1.4;
    padding: 6px;
    transition: all 0.2s ease;
}

    .trust-badge i {
        display: block;
        font-size: 1.15rem;
        color: var(--gold);
        margin-bottom: 4px;
    }

    .trust-badge:hover {
        border-color: var(--border-gold);
    }

.footer-bottom {
    margin-top: 42px;
    padding: 20px 0;
    border-top: 1px solid var(--border-soft);
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* ---------- اسکلت بارگذاری ---------- */
.skeleton {
    background: linear-gradient(90deg, var(--bg-elevated) 25%, #2b2b31 50%, var(--bg-elevated) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s infinite;
    border-radius: var(--radius-sm);
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* ---------- ابزارهای کمکی ---------- */
.text-gold {
    color: var(--gold) !important;
}

.text-gold-bright {
    color: var(--gold-bright) !important;
}

.text-muted-soft {
    color: var(--text-muted) !important;
}

.bg-panel {
    background: var(--bg-panel) !important;
}

.bg-elevated {
    background: var(--bg-elevated) !important;
}

.border-gold {
    border-color: var(--border-gold) !important;
}

.divider-soft {
    height: 1px;
    background: var(--border-soft);
    margin: 20px 0;
}

.empty-state {
    text-align: center;
    padding: 62px 24px;
}

    .empty-state i {
        font-size: 3.4rem;
        color: var(--gold);
        opacity: 0.35;
        display: block;
        margin-bottom: 20px;
    }

    .empty-state h3 {
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    .empty-state p {
        color: var(--text-muted);
        margin-bottom: 24px;
    }

/* اسکرول‌بار */
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track {
    background: var(--bg-dark);
}

::-webkit-scrollbar-thumb {
    background: #35353c;
    border-radius: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--gold-dark);
    }

/* ---------- واکنش‌گرایی ---------- */
@media (max-width: 1200px) {
    .hero h1 {
        font-size: 2.4rem;
    }
}

@media (max-width: 991px) {
    .admin-sidebar {
        transform: translateX(100%);
    }

        .admin-sidebar.open {
            transform: translateX(0);
        }

    .admin-main {
        margin-right: 0;
    }

    .admin-toggle {
        display: grid;
        place-items: center;
    }

    .admin-overlay.show {
        display: block;
    }

    .admin-content {
        padding: 20px 16px 50px;
    }

    .filter-panel,
    .summary-panel,
    .account-sidebar {
        position: static;
        margin-bottom: 22px;
    }

    .hero h1 {
        font-size: 1.8rem;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14.5px;
    }

    h1 {
        font-size: 1.6rem;
    }

    h2 {
        font-size: 1.35rem;
    }


    .section {
        padding: 44px 0;
    }

    .section-title {
        font-size: 1.25rem;
    }

    .section-head {
        margin-bottom: 24px;
    }

    .product-title {
        font-size: 0.9rem;
        min-height: 3em;
    }

    .price-current {
        font-size: 0.95rem;
    }

    .otp-input {
        width: 44px;
        height: 54px;
        font-size: 1.25rem;
    }

    .otp-boxes {
        gap: 7px;
    }

    .cart-table thead {
        display: none;
    }

    .cart-table tbody tr {
        display: block;
        padding: 14px 0;
        border-bottom: 1px solid var(--border-soft);
    }

    .cart-table tbody td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: none;
        padding: 6px 0;
    }

        .cart-table tbody td::before {
            content: attr(data-label);
            font-size: 0.78rem;
            color: var(--text-muted);
            font-weight: 600;
            margin-left: 12px;
        }

        .cart-table tbody td:first-child::before {
            display: none;
        }

    .cart-product {
        justify-content: flex-start;
    }

    .cta-box {
        padding: 32px 20px;
    }

    .page-head {
        padding: 28px 0 22px;
    }

        .page-head h1 {
            font-size: 1.4rem;
        }

    .toast-wrap {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    .toast-msg {
        max-width: none;
    }

    .success-hero {
        padding: 34px 12px;
    }

    .success-icon {
        width: 74px;
        height: 74px;
        font-size: 2rem;
    }

    .checkout-steps {
        flex-direction: column;
    }

    .timeline {
        padding-right: 28px;
    }

    .timeline-dot {
        right: -28px;
    }

    .price-box .price-current {
        font-size: 1.35rem;
    }

    .product-info-title {
        font-size: 1.28rem;
    }
}

@media (max-width: 575px) {
    .hero {
        padding: 40px 0;
    }

        .hero h1 {
            font-size: 1.5rem;
        }

    .main-nav {
        height: 62px;
    }

    .brand-text small {
        display: none;
    }

    .hero h1 {
        font-size: 1.5rem;
    }

    .hero-actions .btn {
        width: 100%;
    }

    .gallery-thumb {
        width: 60px;
        height: 60px;
    }

    .feature-item {
        gap: 11px;
    }

    .admin-topbar {
        padding: 0 14px;
        height: 58px;
    }

    .admin-page-title {
        font-size: 0.95rem;
    }

    .stat-value {
        font-size: 1.3rem;
    }
}

/* چاپ */
@media print {
    .main-nav,
    .top-bar,
    .site-footer,
    .no-print,
    .btn {
        display: none !important;
    }

    body,
    .card-dark,
    .summary-panel {
        background: #fff !important;
        color: #000 !important;
    }

        body.has-fixed-nav {
            padding-top: 0;
        }

    a {
        color: #000 !important;
    }

    .data-table,
    .cart-table,
    .spec-table {
        color: #000;
    }
}


/* =========================================================
   BehshidGold — merged first.html + second.html
   Requested visual overrides
   ========================================================= */

/* second.html navbar height */
:root {
    --nav-height: 76px;
}

/* BehshidGold wordmark from second.html */
.main-nav .behshid-brand {
    color: #f3ead9 !important;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 !important;
    margin-left: 6px;
}

.behshid-main {
    font-family: 'Vazirmatn',Tahoma, Arial, sans-serif;
    font-size: 25px;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: 700;
    color: #f3ead9; /* white/cream */
}

    .behshid-main span {
        font-family: 'Vazirmatn'; 
        color: #e8cb8b; /* gold */
        font-weight: 400;
    }



.behshid-mobile-brand {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #e8cb8b;
}

    .behshid-mobile-brand span {
        color: #f3ead9;
        font-weight: 400;
    }

/* Products dropdown from second.html */
.main-nav .products-menu {
    position: relative;
}

.main-nav .products-trigger {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .main-nav .products-trigger i {
        font-size: 10px;
        transition: transform .3s ease;
    }

.main-nav .products-menu.open .products-trigger i {
    transform: rotate(180deg);
}

.main-nav .luxury-dropdown {
    position: absolute;
    top: calc(100% - 1px);
    right: 50%;
    transform: translate(50%, -12px);
    width: 680px;
    max-width: calc(100vw - 30px);
    background: #15120f;
    border: 1px solid rgba(217,181,109,.18);
    border-radius: 0;
    padding: 28px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s ease;
    box-shadow: 0 25px 70px rgba(0,0,0,.5);
    z-index: 1100;
}

.main-nav .products-menu.open .luxury-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(50%, 0);
}

.dropdown-title {
    color: #d9b56d;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 14px;
}

.dropdown-item-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ddd3c4 !important;
    padding: 8px 0;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,.04);
    transition: .25s;
}

    .dropdown-item-custom:hover {
        color: #e8cb8b !important;
        padding-right: 6px;
    }

.dropdown-image {
    height: 190px;
    overflow: hidden;
    background: #111;
}

    .dropdown-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Make the main navigation visually match second.html */
.main-nav .nav-link {
    padding: 27px 16px !important;
}

/* Shorter product cards */
.product-media {
    aspect-ratio: 1 / .78 !important;
}

.product-body {
    padding: 11px 14px 13px !important;
}

.product-title {
    min-height: 2.8em !important;
}

.product-rating {
    margin-bottom: 6px !important;
}

.product-price-row {
    padding-top: 9px !important;
}

.product-actions {
    margin-top: 9px !important;
}

/* Final testimonials section */
.behshid-reviews-section {
    padding: 90px 0 100px;
    background: var(--bg-dark);
    border-top: 1px solid var(--border-soft);
}

.reviews-header-custom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 38px;
}

    .reviews-header-custom .section-title {
        margin: 0;
    }

.reviews-arrows-custom {
    display: flex;
    gap: 8px;
}

.review-arrow-custom {
    width: 42px;
    height: 42px;
    border: 1px solid var(--border);
    background: var(--bg-elevated);
    color: var(--text-primary);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: .25s;
}

    .review-arrow-custom:hover {
        border-color: var(--gold);
        color: var(--gold-bright);
    }

.reviews-viewport-custom {
    overflow: hidden;
}

.reviews-track-custom {
    display: flex;
    direction: rtl;
    gap: 20px;
    transition: transform .45s ease;
}

.review-card-custom {
    flex: 0 0 calc(25% - 15px);
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 27px;
    min-height: 265px;
    display: flex;
    flex-direction: column;
}

    .review-card-custom:hover {
        border-color: var(--border-gold);
    }

.review-stars-custom {
    color: var(--gold);
    letter-spacing: 3px;
    font-size: 14px;
    margin-bottom: 15px;
}

.review-card-custom p {
    color: var(--text-secondary);
    font-size: .9rem;
    line-height: 2;
    margin: 0 0 22px;
    flex: 1;
}

.review-author-custom {
    display: flex;
    align-items: center;
    gap: 11px;
}

.review-avatar-custom {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--grad-gold);
    color: #1a1405;
    font-weight: 800;
}

.review-author-custom strong,
.review-author-custom small {
    display: block;
}

.review-author-custom strong {
    color: var(--text-primary);
    font-size: .9rem;
}

.review-author-custom small {
    color: var(--text-muted);
    font-size: .72rem;
    margin-top: 2px;
}

.reviews-progress-custom {
    height: 2px;
    background: rgba(255,255,255,.1);
    margin-top: 30px;
    overflow: hidden;
}

.reviews-progress-fill-custom {
    width: 25%;
    height: 100%;
    background: var(--gold);
    transition: width .4s ease;
}

@media (max-width: 1199px) {
    .review-card-custom {
        flex-basis: calc(33.333% - 14px);
    }
}

@media (max-width: 767px) {
    .main-nav .luxury-dropdown {
        position: fixed;
        top: var(--nav-height);
        right: 15px;
        width: calc(100vw - 30px);
        transform: translateY(-12px);
        max-height: calc(100vh - var(--nav-height) - 20px);
        overflow-y: auto;
    }

    .main-nav .products-menu.open .luxury-dropdown {
        transform: translateY(0);
    }

    .review-card-custom {
        flex-basis: 100%;
    }

    .reviews-header-custom {
        align-items: center;
    }

    .behshid-main {
        font-size: 21px;
    }
}

@media (max-width: 575px) {
    .review-card-custom {
        padding: 22px;
    }

    .behshid-reviews-section {
        padding: 65px 0 75px;
    }
}

/* =========================================================
   Mobile navigation — second.html style only
   Everything else in the merged page remains unchanged.
   ========================================================= */
.mobile-main-menu {
    display: none;
}

@media (max-width: 1199.98px) {
    .main-nav .container {
        position: relative;
    }

    .main-nav > .container > .d-flex {
        justify-content: space-between;
    }

    .main-nav .behshid-brand {
        margin-left: 0;
    }

    .main-nav .d-flex.align-items-center.gap-2.ms-auto.ms-lg-0 > *:not(:last-child) {
        display: none !important;
    }

    .main-nav .d-flex.align-items-center.gap-2.ms-auto.ms-lg-0 {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

        .main-nav .d-flex.align-items-center.gap-2.ms-auto.ms-lg-0 > .nav-icon-btn.d-xl-none {
            display: grid !important;
        }

            .main-nav .d-flex.align-items-center.gap-2.ms-auto.ms-lg-0 > .nav-icon-btn.d-xl-none i {
                font-size: 18px;
            }

    .mobile-main-menu {
        display: block;
        position: fixed;
        top: var(--nav-height);
        right: 0;
        left: 0;
        z-index: 1029;
        background: rgba(13,11,9,.98);
        border-bottom: 1px solid rgba(217,181,109,.18);
        box-shadow: 0 25px 70px rgba(0,0,0,.5);
        max-height: calc(100vh - var(--nav-height));
        overflow-y: auto;
    }

        .mobile-main-menu.collapsing {
            transition: height .25s ease;
        }

    .mobile-main-menu-inner {
        width: 100%;
        padding: 10px 16px 22px;
    }

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

        .mobile-nav-list > li {
            border-bottom: 1px solid rgba(255,255,255,.045);
        }

    .mobile-nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 13px 4px;
        color: #cfc5b5 !important;
        font-size: 14px;
        text-decoration: none;
        transition: .25s;
    }

        .mobile-nav-link:hover,
        .mobile-nav-link.active {
            color: #e8cb8b !important;
        }

    .mobile-products-trigger i {
        font-size: 10px;
        transition: transform .3s ease;
    }

    .mobile-products-menu.open .mobile-products-trigger i {
        transform: rotate(180deg);
    }

    .mobile-luxury-dropdown {
        width: 100%;
        background: #15120f;
        border: 1px solid rgba(217,181,109,.18);
        padding: 20px;
        margin: 0 0 12px;
        display: none;
        box-shadow: 0 15px 40px rgba(0,0,0,.35);
    }

    .mobile-products-menu.open .mobile-luxury-dropdown {
        display: block;
    }

    .mobile-luxury-dropdown .dropdown-item-custom {
        padding: 9px 0;
        font-size: 13px;
    }

    .mobile-luxury-dropdown .dropdown-image {
        height: 180px;
    }
}

@media (max-width: 575px) {
    .mobile-main-menu-inner {
        padding-left: 14px;
        padding-right: 14px;
    }

    .mobile-luxury-dropdown {
        padding: 16px;
    }

        .mobile-luxury-dropdown .dropdown-image {
            height: 145px;
        }
}


/* ----------New کارت محصول ---------- */

/* =========================================================
   BehshidGold — Product Details
   ========================================================= */

.product-details-page {
    padding: 25px 0 70px;
}

.product-details-breadcrumb {
    margin-bottom: 28px;
}

    .product-details-breadcrumb .breadcrumb {
        margin-bottom: 0;
        font-size: .82rem;
    }

    .product-details-breadcrumb .breadcrumb-item {
        color: var(--text-muted);
    }

        .product-details-breadcrumb .breadcrumb-item a {
            color: var(--text-muted);
        }

            .product-details-breadcrumb .breadcrumb-item a:hover {
                color: var(--gold);
            }

        .product-details-breadcrumb .breadcrumb-item.active {
            color: var(--gold);
        }


/* ---------- Gallery ---------- */

.product-details-gallery {
    position: relative;
}

.product-details-main-image {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--radius-lg, 16px);
    background: var(--bg-card, #151518);
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
}

    .product-details-main-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform .4s ease;
    }

    .product-details-main-image:hover img {
        transform: scale(1.035);
    }

.product-details-discount {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    padding: 6px 12px;
    border-radius: 30px;
    background: #a33b30;
    color: #fff;
    font-size: .76rem;
    font-weight: 700;
}

.product-details-wishlist {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 3;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--border-soft, rgba(255,255,255,.12));
    background: rgba(0,0,0,.65);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: .2s ease;
}

    .product-details-wishlist:hover {
        color: #e05252;
        border-color: #e05252;
    }

.product-details-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.product-details-thumb {
    width: 76px;
    height: 76px;
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
    border: 2px solid var(--border-soft, rgba(255,255,255,.10));
    background: var(--bg-card, #151518);
    cursor: pointer;
}

    .product-details-thumb:hover,
    .product-details-thumb.active {
        border-color: var(--gold);
    }

    .product-details-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/* ---------- Product Information ---------- */

.product-details-info {
    padding-right: 15px;
}

.product-details-category {
    color: var(--gold);
    font-size: .84rem;
    margin-bottom: 6px;
}

.product-details-title {
    margin: 0 0 14px;
    color: var(--text-primary, #f5f5f5);
    font-size: 1.7rem;
    line-height: 1.6;
    font-weight: 800;
}

.product-details-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 13px 0;
    margin-bottom: 20px;
    border-top: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-bottom: 1px solid var(--border-soft, rgba(255,255,255,.10));
    color: var(--text-muted);
    font-size: .82rem;
}

.product-details-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .product-details-meta-item i {
        color: var(--gold);
    }

.product-details-rating {
    color: var(--gold);
}


/* ---------- Price ---------- */

.product-details-price-box {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--border-gold, rgba(212,175,55,.35));
    border-radius: var(--radius-lg, 16px);
    background: var(--bg-card, #151518);
    box-shadow: 0 8px 30px rgba(212,175,55,.10);
}

.product-details-price-old {
    color: var(--text-muted);
    text-decoration: line-through;
    font-size: .88rem;
}

.product-details-price-current {
    color: var(--gold-light, #e8ca67);
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1.5;
}

.product-details-price-note {
    color: var(--text-muted);
    font-size: .78rem;
}


/* ---------- Feature Cards ---------- */

.product-details-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}

.product-details-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 12px;
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-radius: 10px;
    background: var(--bg-card, #151518);
    color: var(--text-secondary, #c5c5c5);
    font-size: .82rem;
}

    .product-details-feature i {
        color: var(--gold);
        font-size: 1rem;
    }


/* ---------- Purchase ---------- */

.product-details-purchase {
    padding: 20px;
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-radius: var(--radius-lg, 16px);
    background: var(--bg-card, #151518);
}

.product-details-quantity {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
}

    .product-details-quantity button {
        width: 40px;
        height: 40px;
        padding: 0;
        border: 1px solid var(--border-soft, rgba(255,255,255,.10));
        border-radius: 8px;
        background: var(--bg-card-2, #1b1b1f);
        color: var(--text-primary, #fff);
        cursor: pointer;
    }

        .product-details-quantity button:hover {
            color: var(--gold);
            border-color: var(--gold);
        }

    .product-details-quantity input {
        width: 60px;
        height: 40px;
        text-align: center;
        border: 1px solid var(--border-soft, rgba(255,255,255,.10));
        border-radius: 8px;
        background: #0e0e10;
        color: #fff;
    }

.product-details-add {
    width: 100%;
}


/* ---------- Details Tabs ---------- */

.product-details-section {
    margin-top: 55px;
}

.product-details-tabs {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-bottom: 1px solid var(--border-soft, rgba(255,255,255,.10));
}

.product-details-tab {
    position: relative;
    padding: 15px 24px;
    border: 0;
    background: transparent;
    color: var(--text-muted);
    font-family: inherit;
    font-size: .9rem;
    cursor: pointer;
    white-space: nowrap;
}

    .product-details-tab:hover {
        color: var(--gold);
    }

    .product-details-tab.active {
        color: var(--gold);
        font-weight: 700;
    }

        .product-details-tab.active::after {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            bottom: -1px;
            height: 2px;
            background: var(--gold);
        }

.product-details-tab-content {
    display: none;
    padding: 28px 0;
}

    .product-details-tab-content.active {
        display: block;
    }


/* ---------- Description ---------- */

.product-details-description {
    padding: 24px;
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-radius: var(--radius-lg, 16px);
    background: var(--bg-card, #151518);
}

    .product-details-description h3 {
        margin-bottom: 14px;
        font-size: 1.1rem;
    }

    .product-details-description p {
        margin-bottom: 0;
        color: var(--text-secondary, #c5c5c5);
        line-height: 2;
    }


/* ---------- Technical Specifications ---------- */

.product-details-spec-wrapper {
    margin-top: 22px;
    overflow: hidden;
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-radius: var(--radius-lg, 16px);
}

.product-details-spec-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

    .product-details-spec-table th,
    .product-details-spec-table td {
        padding: 15px 17px;
        text-align: right;
        border-bottom: 1px solid var(--border-soft, rgba(255,255,255,.10));
    }

    .product-details-spec-table th {
        width: 50%;
        background: rgba(255,255,255,.025);
        color: var(--text-secondary, #c5c5c5);
        font-weight: 600;
    }

    .product-details-spec-table td {
        color: var(--text-primary, #f5f5f5);
        font-weight: 600;
    }

    .product-details-spec-table tr:last-child th,
    .product-details-spec-table tr:last-child td {
        border-bottom: 0;
    }

.product-details-gold-value th,
.product-details-gold-value td {
    color: var(--gold-light, #e8ca67);
}


/* ---------- Invoice ---------- */

.product-details-invoice {
    max-width: 850px;
    padding: 24px;
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-radius: var(--radius-lg, 16px);
    background: var(--bg-card, #151518);
}

.product-details-invoice-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    font-size: 1.08rem;
    font-weight: 800;
}

    .product-details-invoice-title i {
        color: var(--gold);
    }

.product-details-invoice-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 0;
    border-bottom: 1px solid var(--border-soft, rgba(255,255,255,.10));
    color: var(--text-secondary, #c5c5c5);
}

    .product-details-invoice-row strong {
        color: var(--text-primary, #f5f5f5);
    }

    .product-details-invoice-row.highlight strong {
        color: var(--gold-light, #e8ca67);
    }

.product-details-invoice-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 15px;
    padding: 17px;
    border: 1px solid var(--border-gold, rgba(212,175,55,.35));
    border-radius: 10px;
    background: rgba(212,175,55,.07);
    font-weight: 800;
}

    .product-details-invoice-total strong {
        color: var(--gold-light, #e8ca67);
        font-size: 1.2rem;
    }

.product-details-invoice-note {
    margin-top: 17px;
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.9;
}


/* ---------- Delivery Information ---------- */

.product-details-delivery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 28px;
}

.product-details-delivery-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-radius: 10px;
    background: var(--bg-card, #151518);
    color: var(--text-secondary);
    font-size: .8rem;
}

    .product-details-delivery-item i {
        color: var(--gold);
        font-size: 1.1rem;
    }


/* ---------- Responsive ---------- */

@media (max-width: 991px) {
    .product-details-info {
        padding-right: 0;
        margin-top: 28px;
    }

    .product-details-delivery {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .product-details-page {
        padding-top: 15px;
    }

    .product-details-title {
        font-size: 1.35rem;
    }

    .product-details-price-current {
        font-size: 1.4rem;
    }

    .product-details-features {
        grid-template-columns: 1fr;
    }

    .product-details-thumb {
        width: 62px;
        height: 62px;
    }

    .product-details-description,
    .product-details-invoice {
        padding: 18px;
    }

    .product-details-tab {
        padding: 13px 16px;
        font-size: .82rem;
    }

    .product-details-spec-table th,
    .product-details-spec-table td {
        padding: 12px;
        font-size: .8rem;
    }
}

@media (max-width: 575px) {
    .product-details-meta {
        gap: 9px 14px;
    }

    .product-details-main-image {
        border-radius: 12px;
    }

    .product-details-price-box,
    .product-details-purchase {
        padding: 16px;
    }

    .product-details-invoice-row {
        font-size: .82rem;
    }

    .product-details-invoice-total {
        font-size: .84rem;
    }

        .product-details-invoice-total strong {
            font-size: 1rem;
        }
}



/* =========================================================
   Related Products
   ========================================================= */

.product-details-related {
    margin-top: 55px;
    padding-top: 35px;
    border-top: 1px solid var(--border-soft, rgba(255,255,255,.10));
}

.product-details-related-head {
    margin-bottom: 25px;
}

.product-details-related-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 7px;
    font-size: 1.25rem;
    font-weight: 800;
}

    .product-details-related-title i {
        color: var(--gold);
    }

.product-details-related-subtitle {
    margin: 0;
    color: var(--text-muted);
    font-size: .82rem;
}

.product-image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 260px;
    display: grid;
    place-items: center;
    background: var(--bg-card, #151518);
    color: var(--text-muted);
    font-size: 2rem;
}

@media (max-width: 767px) {

    .product-details-related {
        margin-top: 40px;
        padding-top: 25px;
    }

    .product-image-placeholder {
        min-height: 180px;
    }
}



/* ---------- Product Variants ---------- */

.product-details-variant-box {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-radius: var(--radius-lg, 16px);
    background: var(--bg-card, #151518);
}

.product-details-variant-group {
    margin-bottom: 18px;
}

    .product-details-variant-group:last-child {
        margin-bottom: 0;
    }

.product-details-variant-title {
    margin-bottom: 10px;
    color: var(--text-primary, #f5f5f5);
    font-size: .88rem;
    font-weight: 700;
}

.product-details-variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.product-details-variant-option {
    padding: 9px 16px;
    border: 1px solid var(--border-soft, rgba(255,255,255,.10));
    border-radius: 9px;
    background: var(--bg-card-2, #1b1b1f);
    color: var(--text-secondary, #c5c5c5);
    font-family: inherit;
    font-size: .84rem;
    cursor: pointer;
    transition: .2s ease;
}

    .product-details-variant-option:hover {
        color: var(--gold);
        border-color: var(--gold);
    }

    .product-details-variant-option.active {
        color: var(--gold-light, #e8ca67);
        border-color: var(--gold);
        background: rgba(212,175,55,.08);
        box-shadow: 0 0 0 1px rgba(212,175,55,.12);
    }

    .product-details-variant-option.disabled {
        opacity: .35;
        cursor: not-allowed;
        pointer-events: none;
    }

    .product-details-variant-option.out-of-stock {
        opacity: .45;
        text-decoration: line-through;
    }

@media (max-width: 575px) {

    .product-details-variant-box {
        padding: 16px;
    }

    .product-details-variant-option {
        padding: 8px 13px;
        font-size: .8rem;
    }
}




/* =========================================================
   BehshidGold — Products Catalog
   Screenshot-matched catalog design
   ========================================================= */

.products-catalog-page {
    background: #282828;
    color: #f3f3f3;
    min-height: calc(100vh - var(--nav-height));
    padding: 26px 0 70px;
}

.products-catalog-shell {
    width: calc(100% - 134px);
    max-width: 1458px;
    margin: 0 auto;
}


/* =========================================================
   TOP TOOLBAR
   ========================================================= */

.products-catalog-toolbar {
    min-height: 50px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    border-bottom: 1px solid #484848;
    direction: rtl;
    margin-bottom: 38px;
}


.products-catalog-breadcrumb {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #cfcfcf;
    font-size: 14px;
    white-space: nowrap;
}


    .products-catalog-breadcrumb a {
        color: #cfcfcf;
        text-decoration: none;
        transition: color .2s ease;
    }


        .products-catalog-breadcrumb a:hover {
            color: #e7cc95;
        }


    .products-catalog-breadcrumb strong {
        color: #ffffff;
        font-weight: 700;
    }


    .products-catalog-breadcrumb span {
        color: #7e7e7e;
    }


/* ---------- count ---------- */

.products-catalog-count {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #f1f1f1;
    font-size: 15px;
    direction: rtl;
    white-space: nowrap;
}


    .products-catalog-count a {
        color: #f1f1f1;
        text-decoration: none;
        transition: color .2s ease;
    }


        .products-catalog-count a:hover,
        .products-catalog-count a.active {
            color: #e7cc95;
        }


    .products-catalog-count span {
        color: #777;
    }


/* ---------- left toolbar ---------- */

.products-catalog-toolbar-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    direction: ltr;
}


.products-catalog-sort {
    display: flex;
    align-items: center;
    gap: 8px;
    direction: rtl;
    color: #f0f0f0;
    font-size: 14px;
    white-space: nowrap;
}


.products-catalog-sort-form {
    margin: 0;
}


/* =========================================================
   CUSTOM SORT DROPDOWN
   ========================================================= */

.products-catalog-sort {
    display: flex;
    align-items: center;
    gap: 9px;
    direction: rtl;
    color: #f0f0f0;
    font-size: 14px;
    white-space: nowrap;
}


.products-catalog-sort-label {
    color: #d7d7d7;
    font-size: 14px;
}


.products-sort-dropdown {
    position: relative;
    min-width: 142px;
    direction: rtl;
}


    .products-sort-dropdown summary {
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        padding: 0 13px;
        border: 1px solid #555;
        background: #303030;
        color: #ffffff;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        list-style: none;
        transition: border-color .2s ease, background .2s ease;
    }


        .products-sort-dropdown summary::-webkit-details-marker {
            display: none;
        }


        .products-sort-dropdown summary:hover {
            border-color: #e7cc95;
            background: #333333;
        }


    .products-sort-dropdown[open] summary {
        border-color: #e7cc95;
        background: #333333;
    }


    .products-sort-dropdown summary i {
        color: #e7cc95;
        font-size: 10px;
        transition: transform .2s ease;
    }


    .products-sort-dropdown[open] summary i {
        transform: rotate(180deg);
    }


.products-sort-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 100;
    width: 190px;
    padding: 7px;
    background: #292929;
    border: 1px solid #686868;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .45);
}


    .products-sort-menu a {
        min-height: 39px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0 11px;
        color: #d3d3d3;
        text-decoration: none;
        font-size: 13px;
        transition: background .18s ease, color .18s ease;
    }


        .products-sort-menu a:hover {
            background: #353535;
            color: #e7cc95;
        }


        .products-sort-menu a.active {
            background: rgba(231, 204, 149, .09);
            color: #e7cc95;
        }


        .products-sort-menu a i {
            color: #e7cc95;
            font-size: 11px;
        }

.products-catalog-view-icons {
    display: flex;
    align-items: center;
    gap: 15px;
    direction: ltr;
}


    .products-catalog-view-icons button {
        width: 26px;
        height: 26px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #777;
        display: grid;
        place-items: center;
        font-size: 21px;
        cursor: pointer;
        transition: color .2s ease;
    }


        .products-catalog-view-icons button:hover,
        .products-catalog-view-icons button.active {
            color: #e7cc95;
        }


/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.products-catalog-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 347px;
    gap: 36px;
    direction: ltr;
    align-items: start;
}


.products-catalog-results,
.products-catalog-sidebar {
    direction: rtl;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

.products-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid #484848;
    border-right: 1px solid #484848;
}


.catalog-product-card {
    min-width: 0;
    min-height: 469px;
    background: #282828;
    border-left: 1px solid #484848;
    border-bottom: 1px solid #484848;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: background .2s ease, border-color .2s ease;
}


    .catalog-product-card:hover {
        background: #2c2c2c;
        border-color: #5a5a5a;
    }


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.catalog-product-image {
    position: relative;
    display: block;
    width: calc(100% - 38px);
    aspect-ratio: 1 / 1;
    margin: 19px;
    background: #111;
    overflow: hidden;
    text-decoration: none;
}


    .catalog-product-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .35s ease;
    }


.catalog-product-card:hover
.catalog-product-image img {
    transform: scale(1.025);
}


.catalog-product-image-empty {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #777;
    font-size: 35px;
}


/* ---------- sold out ---------- */

.catalog-soldout {
    position: absolute;
    top: 18px;
    right: 18px;
    background: #090909;
    color: #ffffff;
    border-radius: 18px;
    padding: 5px 13px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}


/* =========================================================
   PRODUCT TEXT
   ========================================================= */

.catalog-product-content {
    padding: 0 20px 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 1;
}


.catalog-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 0;
    max-height: 52px;
    margin: 0;
}


    .catalog-product-title:hover {
        color: #e7cc95;
    }


    .catalog-product-price {
        margin-top: 4px;
        padding-top: 0;
        color: #e7cc95;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.6;
    }

        .catalog-product-price span {
            margin-right: 4px;
            font-size: 13px;
            font-weight: 500;
        }
    /* =========================================================
   SIDEBAR
   ========================================================= */

    .products-catalog-sidebar {
        display: flex;
        flex-direction: column;
        gap: 34px;
        position: sticky;
        top: calc(var(--nav-height) + 20px);
    }


    .catalog-filter-box {
        background: #282828;
        border: 1px solid #969696;
        padding: 25px 26px 27px;
    }


    .catalog-filter-heading {
        background: #353535;
        min-height: 53px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 9px 12px;
        color: #ffffff;
        font-size: 17px;
        font-weight: 800;
        margin-bottom: 25px;
    }
    /* =========================================================
   SEARCH
   ========================================================= */

    .catalog-filter-field {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 15px;
    }


        .catalog-filter-field label {
            color: #d6d6d6;
            font-size: 13px;
            font-weight: 600;
        }


        .catalog-filter-field input {
            width: 100%;
            height: 43px;
            border: 1px solid #666;
            background: #202020;
            color: #ffffff;
            padding: 0 13px;
            border-radius: 0;
            outline: none;
            font-family: inherit;
            font-size: 13px;
        }


            .catalog-filter-field input:focus {
                border-color: #e7cc95;
                box-shadow: none;
            }


            .catalog-filter-field input::placeholder {
                color: #858585;
            }
    /* =========================================================
   BUTTON
   ========================================================= */

    .catalog-filter-submit {
        width: auto;
        min-width: 67px;
        min-height: 43px;
        padding: 7px 16px;
        border: 0;
        border-radius: 5px;
        background: #e7cc95;
        color: #2a2a2a;
        font-family: inherit;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: background .2s ease, transform .2s ease;
    }


        .catalog-filter-submit:hover {
            background: #f1d9a8;
            transform: translateY(-1px);
        }
    /* =========================================================
   PRICE FILTER
   ========================================================= */

    .catalog-price-line {
        position: relative;
        height: 20px;
        margin: 4px 0 16px;
    }


        .catalog-price-line::before {
            content: "";
            position: absolute;
            top: 7px;
            right: 0;
            left: 0;
            height: 4px;
            background: #e7cc95;
        }


        .catalog-price-line span {
            position: absolute;
            top: 1px;
            width: 5px;
            height: 16px;
            background: #e7cc95;
        }


            .catalog-price-line span:first-child {
                right: 0;
            }


            .catalog-price-line span:last-child {
                left: 0;
            }


    .catalog-price-inputs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 16px;
    }


        .catalog-price-inputs > div {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }


        .catalog-price-inputs label {
            color: #8d8d8d;
            font-size: 11px;
        }


        .catalog-price-inputs input {
            width: 100%;
            height: 38px;
            border: 1px solid #555;
            background: #202020;
            color: #fff;
            padding: 0 7px;
            text-align: center;
            font-family: inherit;
            font-size: 11px;
            outline: none;
        }


            .catalog-price-inputs input:focus {
                border-color: #e7cc95;
            }
    /* =========================================================
   FILTER LISTS
   ========================================================= */

    .catalog-filter-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }


        .catalog-filter-list li {
            margin: 0;
            padding: 0;
        }


        .catalog-filter-list a {
            min-height: 38px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 5px 8px;
            color: #d1d1d1;
            text-decoration: none;
            font-size: 13px;
            border: 1px solid transparent;
            transition: background .2s ease, border-color .2s ease, color .2s ease;
        }


            .catalog-filter-list a:hover {
                color: #e7cc95;
                background: rgba(231, 204, 149, .06);
                border-color: rgba(231, 204, 149, .15);
            }


            .catalog-filter-list a.active {
                color: #e7cc95;
                background: rgba(231, 204, 149, .08);
                border-color: rgba(231, 204, 149, .22);
            }


        .catalog-filter-list small {
            min-width: 37px;
            height: 25px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 7px;
            border: 1px solid #4c4c4c;
            border-radius: 999px;
            color: #aaa;
            font-size: 10px;
        }


        .catalog-filter-list a.active small {
            border-color: #e7cc95;
            color: #e7cc95;
        }
    /* =========================================================
   RESET
   ========================================================= */

    .catalog-filter-reset {
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 1px solid #555;
        color: #c7c7c7;
        text-decoration: none;
        font-size: 13px;
        transition: color .2s ease, border-color .2s ease;
    }


        .catalog-filter-reset:hover {
            color: #e7cc95;
            border-color: #e7cc95;
        }
    /* =========================================================
   EMPTY
   ========================================================= */

    .products-catalog-empty {
        min-height: 470px;
        border: 1px solid #484848;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }


        .products-catalog-empty i {
            color: #e7cc95;
            font-size: 44px;
            margin-bottom: 18px;
        }


        .products-catalog-empty h3 {
            margin: 0 0 8px;
            font-size: 18px;
        }


        .products-catalog-empty p {
            margin: 0 0 18px;
            color: #999;
            font-size: 13px;
        }


        .products-catalog-empty a {
            color: #e7cc95;
            text-decoration: none;
            border-bottom: 1px solid #e7cc95;
            padding-bottom: 3px;
        }
    /* =========================================================
   PAGINATION
   ========================================================= */

    .products-catalog-pagination {
        margin-top: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
    }


        .products-catalog-pagination a,
        .products-catalog-pagination .dots {
            min-width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #4c4c4c;
            color: #d0d0d0;
            text-decoration: none;
            font-size: 12px;
            background: #282828;
            transition: color .2s ease, border-color .2s ease, background .2s ease;
        }


            .products-catalog-pagination a:hover {
                color: #e7cc95;
                border-color: #e7cc95;
            }


            .products-catalog-pagination a.active {
                background: #e7cc95;
                color: #282828;
                border-color: #e7cc95;
                font-weight: 800;
            }


        .products-catalog-pagination .dots {
            border-color: transparent;
            color: #777;
        }
    /* =========================================================
   RESPONSIVE
   ========================================================= */

    @media (max-width: 1200px) {

        .products-catalog-shell {
            width: calc(100% - 50px);
        }

        .products-catalog-layout {
            grid-template-columns: minmax(0, 1fr) 310px;
            gap: 25px;
        }

        .catalog-product-card {
            min-height: 430px;
        }
    }


    @media (max-width: 991px) {

        .products-catalog-shell {
            width: calc(100% - 32px);
        }

        .products-catalog-layout {
            grid-template-columns: 1fr;
        }

        .products-catalog-sidebar {
            position: static;
            grid-row: 1;
        }

        .products-catalog-results {
            grid-row: 2;
        }

        .products-catalog-toolbar {
            grid-template-columns: 1fr;
            gap: 16px;
            padding-bottom: 15px;
        }

        .products-catalog-breadcrumb {
            justify-content: flex-start;
        }

        .products-catalog-count {
            justify-content: flex-start;
        }

        .products-catalog-toolbar-left {
            justify-content: space-between;
        }
    }


    @media (max-width: 767px) {

        .products-catalog-page {
            padding-top: 18px;
        }

        .products-catalog-shell {
            width: calc(100% - 24px);
        }

        .products-catalog-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .catalog-product-card {
            min-height: 390px;
        }

        .catalog-product-image {
            width: calc(100% - 24px);
            margin: 12px;
        }

        .catalog-product-content {
            padding: 0 10px 18px;
        }

        .catalog-product-title {
            font-size: 13px;
        }

        .catalog-product-price {
            font-size: 14px;
        }
    }


    @media (max-width: 480px) {

        .products-catalog-grid {
            grid-template-columns: 1fr;
        }

        .catalog-product-card {
            min-height: 0;
        }

        .products-catalog-sort {
            align-items: flex-start;
            flex-direction: column;
        }

        .catalog-price-inputs {
            grid-template-columns: 1fr;
        }
    }




/* =========================================================
   PRICE RANGE FILTER
   ========================================================= */

.catalog-price-range {
    position: relative;
    width: 100%;
    height: 34px;
    margin: 14px 0 8px;
    direction: ltr;
}


.catalog-price-range-track {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 5px;
    transform: translateY(-50%);
    border-radius: 10px;
    background: #4a4a4a;
}


.catalog-price-range-selected {
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 10px;
    background: #e7cc95;
}


.catalog-price-range-input {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    margin: 0;
    transform: translateY(-50%);
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    pointer-events: none;
    outline: none;
}


    .catalog-price-range-input::-webkit-slider-runnable-track {
        height: 5px;
        background: transparent;
        border: none;
    }


    .catalog-price-range-input::-moz-range-track {
        height: 5px;
        background: transparent;
        border: none;
    }


    .catalog-price-range-input::-webkit-slider-thumb {
        width: 17px;
        height: 17px;
        margin-top: -6px;
        appearance: none;
        -webkit-appearance: none;
        border: 3px solid #292929;
        border-radius: 50%;
        background: #e7cc95;
        cursor: pointer;
        pointer-events: auto;
        box-shadow: 0 0 0 1px #e7cc95;
    }


    .catalog-price-range-input::-moz-range-thumb {
        width: 13px;
        height: 13px;
        border: 3px solid #292929;
        border-radius: 50%;
        background: #e7cc95;
        cursor: pointer;
        pointer-events: auto;
        box-shadow: 0 0 0 1px #e7cc95;
    }


.catalog-price-display {
    margin-top: 5px;
    margin-bottom: 17px;
    color: #e7cc95;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.9;
    text-align: center;
    direction: rtl;
}


    .catalog-price-display span {
        color: #e7cc95;
    }


.catalog-price-separator {
    display: inline-block;
    margin: 0 4px;
    color: #a9a9a9 !important;
}


.catalog-price-filter-form
.catalog-filter-submit {
    margin-top: 2px;
}


/* ============================================================
   BEHSHIDGOLD CART — SCREENSHOT DESIGN
   ============================================================ */

.cart-page-section {
    width: 100%;
    padding: 42px 0 70px;
    background: #272727;
    color: #f4f4f4;
}

.cart-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 478px;
    gap: 36px;
    align-items: start;
}


/* ============================================================
   LEFT SUMMARY
   ============================================================ */

.cart-summary-box {
    order: 2;
    background: #292929;
    border: 2px solid #484848;
    padding: 28px 32px 32px;
    min-height: 470px;
}


.cart-summary-title {
    margin: 0 0 28px;
    text-align: right;
    font-size: 1.55rem;
    font-weight: 800;
    color: #ffffff;
}


.cart-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 0.95rem;
    color: #f2f2f2;
}


    .cart-summary-row strong {
        font-weight: 700;
    }


.cart-summary-muted {
    color: #aeb4bd !important;
    font-weight: 500 !important;
}


.cart-summary-divider {
    height: 1px;
    background: #454545;
    margin: 20px 0;
}


.cart-summary-shipping {
    padding: 0;
}


.cart-shipping-description {
    margin-top: 12px;
    padding-right: 0;
    color: #ffffff;
    font-size: 0.92rem;
    line-height: 1.9;
}


    .cart-shipping-description strong {
        display: block;
        color: #f2f2f2;
    }


.cart-shipping-package {
    margin-top: 4px;
    display: flex;
    justify-content: flex-start;
    color: #ffffff;
    font-weight: 700;
}


.cart-change-address {
    border: 0;
    padding: 0;
    margin-top: 2px;
    background: transparent;
    color: #e8cb8b;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: pointer;
}


    .cart-change-address:hover {
        color: #f3d89e;
    }


.cart-total-row {
    margin-top: 4px;
    padding-top: 0;
    font-size: 1.05rem;
    font-weight: 800;
}


    .cart-total-row strong {
        color: #e8cb8b;
        font-size: 1.35rem;
        font-weight: 900;
    }


.cart-checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    margin-top: 34px;
    background: #e8cb8b;
    color: #171717 !important;
    text-decoration: none;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 800;
    transition: background .2s ease, transform .2s ease;
}


    .cart-checkout-button:hover {
        background: #f1d79e;
        color: #171717 !important;
        transform: translateY(-1px);
    }


/* ============================================================
   RIGHT CART
   ============================================================ */

.cart-main-box {
    order: 1;
    min-width: 0;
}


.cart-table-wrapper {
    width: 100%;
    overflow-x: auto;
}


.cart-design-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}


    .cart-design-table thead th {
        height: 66px;
        padding: 0 14px;
        text-align: right;
        vertical-align: middle;
        color: #ffffff;
        font-size: 0.95rem;
        font-weight: 800;
        border-bottom: 1px solid #454545;
        white-space: nowrap;
    }


        .cart-design-table thead th:nth-child(1) {
            width: 40%;
        }


        .cart-design-table thead th:nth-child(2) {
            width: 18%;
        }


        .cart-design-table thead th:nth-child(3) {
            width: 18%;
        }


        .cart-design-table thead th:nth-child(4) {
            width: 24%;
        }


.cart-design-row td {
    padding: 20px 14px;
    border-bottom: 1px solid #454545;
    vertical-align: middle;
    color: #eeeeee;
}


.cart-design-product {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}


.cart-design-image {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    object-fit: cover;
    background: #d0d0d0;
    border: 0;
}


.cart-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #343434;
    color: #e8cb8b;
    font-size: 1.8rem;
}


.cart-design-product-info {
    min-width: 0;
    text-align: right;
}


.cart-design-product-name {
    display: block;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.8;
}


    .cart-design-product-name:hover {
        color: #e8cb8b !important;
    }


.cart-design-variant {
    margin-top: 4px;
    color: #9ea4ad;
    font-size: 0.76rem;
    line-height: 1.7;
}


.cart-design-price {
    color: #aeb4bd;
    font-size: 0.88rem;
    white-space: nowrap;
}


/* ============================================================
   QUANTITY — EXACT STYLE
   ============================================================ */

.cart-quantity-control {
    display: inline-flex;
    direction: ltr;
    align-items: stretch;
    height: 52px;
    border: 2px solid #505050;
    border-radius: 7px;
    overflow: hidden;
    background: transparent;
}


.cart-quantity-button {
    width: 34px;
    height: 48px;
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}


    .cart-quantity-button:hover {
        background: #3b3b3b;
        color: #e8cb8b;
    }


.cart-quantity-input {
    width: 38px;
    height: 48px;
    padding: 0;
    border: 0;
    border-left: 1px solid #505050;
    border-right: 1px solid #505050;
    outline: none;
    background: transparent;
    color: #ffffff;
    text-align: center;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 600;
}


/* ============================================================
   LINE TOTAL + REMOVE
   ============================================================ */

.cart-line-total-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}


.cart-line-total {
    color: #e8cb8b;
    font-size: 0.92rem;
    white-space: nowrap;
}


.cart-remove-button {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    transition: color .2s ease, transform .2s ease;
}


    .cart-remove-button:hover {
        color: #e8cb8b;
        transform: scale(1.1);
    }


/* ============================================================
   BOTTOM ACTIONS
   ============================================================ */

.cart-bottom-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-top: 36px;
}


/* COUPON */

.cart-coupon-form {
    display: flex;
    align-items: stretch;
    gap: 12px;
    direction: rtl;
}


.cart-coupon-input {
    width: 285px;
    height: 54px;
    padding: 0 18px;
    border: 2px solid #505050;
    border-radius: 7px;
    outline: none;
    background: transparent;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.9rem;
    text-align: right;
    transition: border-color .2s ease, background .2s ease;
}


    .cart-coupon-input::placeholder {
        color: #9da1a8;
        opacity: 1;
    }


    .cart-coupon-input:focus {
        border-color: #e8cb8b;
        background: #2d2d2d;
    }


/* GOLD BUTTONS */

.cart-gold-button {
    height: 54px;
    padding: 0 24px;
    border: 0;
    border-radius: 7px;
    background: #e8cb8b;
    color: #191919;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s ease, transform .2s ease;
}


    .cart-gold-button:hover {
        background: #f1d79e;
        transform: translateY(-1px);
    }


.cart-update-button {
    min-width: 185px;
}


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

.cart-empty {
    min-height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #454545;
    background: #292929;
}


    .cart-empty > i {
        margin-bottom: 18px;
        color: #e8cb8b;
        font-size: 3rem;
    }


    .cart-empty h2 {
        margin: 0 0 8px;
        color: #ffffff;
        font-size: 1.35rem;
    }


    .cart-empty p {
        margin: 0 0 24px;
        color: #9ea4ad;
    }


.cart-empty-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 28px;
    border-radius: 6px;
    background: #e8cb8b;
    color: #191919 !important;
    text-decoration: none;
    font-weight: 800;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {

    .cart-layout {
        grid-template-columns: minmax(0, 1fr) 360px;
        gap: 22px;
    }

    .cart-summary-box {
        padding: 24px;
    }

    .cart-coupon-input {
        width: 220px;
    }
}


@media (max-width: 900px) {

    .cart-layout {
        display: flex;
        flex-direction: column;
    }

    .cart-main-box {
        order: 1;
        width: 100%;
    }

    .cart-summary-box {
        order: 2;
        width: 100%;
        position: static;
        min-height: auto;
    }
}


@media (max-width: 767px) {

    .cart-page-section {
        padding: 28px 0 50px;
    }

    .cart-design-table thead {
        display: none;
    }

    .cart-design-table,
    .cart-design-table tbody,
    .cart-design-table tr,
    .cart-design-table td {
        display: block;
        width: 100%;
    }

    .cart-design-row {
        padding: 18px 0;
        border-bottom: 1px solid #454545;
    }

        .cart-design-row td {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 10px 0;
            border: 0;
        }

            .cart-design-row td::before {
                content: attr(data-label);
                color: #9ea4ad;
                font-size: 0.78rem;
                font-weight: 700;
                flex: 0 0 auto;
            }

            .cart-design-row td:first-child {
                display: block;
            }

                .cart-design-row td:first-child::before {
                    display: none;
                }

    .cart-design-product {
        justify-content: flex-start;
    }

    .cart-design-image {
        width: 82px;
        height: 82px;
        flex-basis: 82px;
    }

    .cart-bottom-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cart-coupon-form {
        width: 100%;
    }

    .cart-coupon-input {
        width: 100%;
        min-width: 0;
    }

    .cart-coupon-button {
        padding: 0 16px;
    }

    .cart-update-button {
        width: 100%;
    }
}


@media (max-width: 480px) {

    .cart-summary-box {
        padding: 22px 18px;
    }

    .cart-summary-title {
        font-size: 1.3rem;
    }

    .cart-design-product {
        gap: 12px;
    }

    .cart-design-product-name {
        font-size: 0.88rem;
    }

    .cart-quantity-control {
        height: 46px;
    }

    .cart-quantity-button {
        height: 42px;
        width: 32px;
    }

    .cart-quantity-input {
        height: 42px;
        width: 34px;
    }

    .cart-coupon-form {
        flex-direction: column;
    }

    .cart-coupon-button {
        width: 100%;
    }
}









/* ============================================================
   CART QUANTITY CONTROL
   ============================================================ */

.cart-quantity-control {
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    width: 100px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 6px;
    overflow: hidden;
    direction: ltr;
    background: transparent;
}

/* + / - buttons */

.cart-qty-btn {
    width: 34px;
    height: 50px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* center number */

.cart-qty-value {
    width: 32px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    border-left: 1px solid rgba(255, 255, 255, 0.22);
    border-right: 1px solid rgba(255, 255, 255, 0.22);
    user-select: none;
}

/* hover */

.cart-qty-btn:hover {
    background: rgba(255, 255, 255, 0.08);
}

.cart-qty-btn:active {
    background: rgba(255, 255, 255, 0.14);
}

/* disabled */

.cart-qty-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

/* ============================================================
   REMOVE BUTTON
   ============================================================ */

.cart-remove-btn {
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 22px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color 0.15s ease, opacity 0.15s ease;
}

    .cart-remove-btn:hover {
        color: #e6c87a;
    }

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

@media (max-width: 768px) {

    .cart-quantity-control {
        width: 92px;
        height: 48px;
    }

    .cart-qty-btn {
        width: 31px;
        height: 46px;
    }

    .cart-qty-value {
        width: 30px;
        height: 46px;
    }
}


.cart-qty-input {
    width: 42px;
    height: 36px;
    padding: 10px 0 0 0 ;
    margin: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 36px;
    text-align: center;
    direction: rtl;
    appearance: textfield;
    -moz-appearance: textfield;
}

    /* Remove browser number arrows */
    .cart-qty-input::-webkit-inner-spin-button,
    .cart-qty-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Same visual behavior as cart-qty-value */
    .cart-qty-input:focus {
        outline: none;
        box-shadow: none;
    }