/* استایل صفحهٔ category — استخراج‌شده از resources/views/category/show.blade.php برای کش شدن توسط مرورگر */

.cat-wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px 120px; }

    .cat-hero {
        background: linear-gradient(135deg, #FFFFFF 0%, #F7F4EC 100%);
        border: 1px solid rgba(0,0,0,.06);
        border-radius: 18px;
        padding: 28px 24px;
        margin: 20px 0 18px;
        display: flex; align-items: center; gap: 20px;
    }
    .cat-hero img { width: 76px; height: 76px; object-fit: cover; border-radius: 16px; flex: none; }
    .cat-hero h1 { margin: 0 0 6px; font-size: 24px; font-weight: 800; color: #2B2B2B; }
    .cat-hero p { margin: 0; font-size: 14px; color: #5A5A5A; line-height: 1.9; }

    .cat-banner { margin-bottom: 18px; border-radius: 14px; overflow: hidden; }
    .cat-banner img { width: 100%; display: block; }

    .cat-toolbar {
        background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 14px;
        padding: 14px; margin-bottom: 16px;
        display: flex; gap: 10px; flex-wrap: wrap; align-items: center;
    }
    .cat-search { flex: 1; min-width: 220px; display: flex; gap: 8px; }
    .cat-search input {
        flex: 1; padding: 11px 14px; border: 1px solid rgba(0,0,0,.12);
        border-radius: 10px; font-family: inherit; font-size: 14px;
    }
    .cat-search button {
        padding: 11px 20px; border: none; border-radius: 10px; cursor: pointer;
        background: linear-gradient(135deg, #C2A25F, #B3955B); color: #fff; font-weight: 700;
    }
    .cat-sort select {
        padding: 11px 14px; border: 1px solid rgba(0,0,0,.12); border-radius: 10px;
        font-family: inherit; font-size: 14px; background: #fff; cursor: pointer;
    }

    .subcat-bar { display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 14px; }
    .subcat-chip {
        flex: none; padding: 9px 16px; border-radius: 999px; text-decoration: none;
        font-size: 13.5px; border: 1px solid rgba(0,0,0,.1); color: #4A4A4A; background: #fff;
        white-space: nowrap; transition: .15s;
    }
    .subcat-chip:hover { border-color: #C2A25F; color: #8A6F30; }
    .subcat-chip.active { background: #2B2B2B; border-color: #2B2B2B; color: #fff; }

    .sec-title { font-size: 18px; font-weight: 800; color: #2B2B2B; margin: 22px 0 12px; }

    .vendor-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
    .vendor-card {
        background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: 14px;
        padding: 16px; display: block; text-decoration: none; color: inherit; transition: .18s;
    }
    .vendor-card:hover { border-color: #C2A25F; transform: translateY(-2px); box-shadow: 0 10px 26px -18px rgba(0,0,0,.4); }
    .vendor-head { display: flex; gap: 12px; align-items: center; margin-bottom: 10px; }
    .vendor-logo {
        width: 54px; height: 54px; border-radius: 12px; object-fit: cover; flex: none;
        background: #F1EFE9; display: grid; place-items: center; font-size: 20px;
    }
    .vendor-name { font-size: 15px; font-weight: 700; color: #2B2B2B; margin: 0 0 3px; }
    .vendor-meta { font-size: 12.5px; color: #7A7A7A; }
    .badge-gold {
        display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 700;
        background: linear-gradient(135deg, #F4D97B, #C2A25F); color: #4A3A10; margin-inline-start: 6px;
    }
    .vendor-stats { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12.5px; color: #5A5A5A; }
    .dot-open { color: #2E7D5B; font-weight: 700; }
    .dot-closed { color: #A34A34; font-weight: 700; }
    .vendor-btn {
        margin-top: 12px; display: block; text-align: center; padding: 9px;
        border-radius: 9px; background: #F7F4EC; color: #8A6F30; font-weight: 700; font-size: 13px;
    }

    .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
    .product-card {
        background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: 14px;
        overflow: hidden; text-decoration: none; color: inherit; display: block; transition: .18s;
    }
    .product-card:hover { border-color: #C2A25F; transform: translateY(-2px); }
    .product-card img { width: 100%; height: 150px; object-fit: cover; display: block; background: #F1EFE9; }
    .product-body { padding: 12px; }
    .product-name { font-size: 14px; font-weight: 700; margin: 0 0 6px; color: #2B2B2B; line-height: 1.6; }
    .product-shop { font-size: 12px; color: #7A7A7A; margin-bottom: 8px; }
    .price-now { font-size: 14.5px; font-weight: 800; color: #2B2B2B; }
    .price-old { font-size: 12px; color: #A0A0A0; text-decoration: line-through; margin-inline-start: 6px; }

    .empty-box {
        background: #fff; border: 1px dashed rgba(0,0,0,.14); border-radius: 14px;
        padding: 44px 20px; text-align: center; color: #6A6A6A;
    }
    .empty-box strong { display: block; font-size: 15.5px; color: #2B2B2B; margin-bottom: 6px; }

    .pager { margin-top: 18px; display: flex; justify-content: center; }

    @media (max-width: 640px) {
        .cat-hero { padding: 18px; gap: 14px; }
        .cat-hero img { width: 58px; height: 58px; }
        .cat-hero h1 { font-size: 19px; }
    }