/* از قالب product_category_expand_2.tpl.html (بلوک <style> درون‌خطی) به فایل جدا آمد تا کش شود -- مرحله‌ی ۱۱٫۴، ۱۴۰۵/۰۷/۱۵ */
/* ── Product toolbar wrapper ── */
                .product-toolbar {
                    direction: rtl;
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    gap: 8px;
                    padding: 6px 0;
                }
                @media (max-width: 767px) {
                    .product-toolbar {
                        direction: rtl;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-between;
                        padding: 10px 12px;
                        background: #fff;
                        border-top: none;
                        border-bottom: 1px solid #efefef;
                        margin: 4px 0 6px;
                        gap: 8px;
                    }
                    /* نوار ابزار هنگام اسکرول به بالای صفحه سنجاق می‌شود (با JS فعال می‌گردد) */
                    .product-toolbar--stuck {
                        position: fixed;
                        top: 0;
                        left: 0;
                        right: 0;
                        z-index: 999;
                        margin: 0;
                        border-radius: 0;
                        box-shadow: 0 2px 10px rgba(0,0,0,.10);
                    }
                    .product-toolbar-spacer-sh2 { display: none; }
                }
                /* ── View-toggle group ── */
                .view-toggle-group {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                }
                .view-toggle-group .switch-title {
                    font-size: 12px;
                    color: #999;
                    white-space: nowrap;
                    font-family: byekan;
                }
                /* Override Bootstrap btn-group for a clean icon-pill look */
                .view-toggle-group .btn-group.list-grid-switch {
                    display: inline-flex;
                    border: 1px solid #d8d8d8;
                    border-radius: 8px;
                    overflow: hidden;
                    box-shadow: none;
                }
                .view-toggle-group .btn-group.list-grid-switch .btn {
                    background: #fff;
                    border: none;
                    border-radius: 0 !important;
                    padding: 6px 11px;
                    color: #7a7575;
                    font-size: 15px;
                    line-height: 1;
                    box-shadow: none !important;
                    transition: background 0.15s, color 0.15s;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                }
                /* In RTL, first DOM child is the visual-right button — give it the divider on its left */
                .view-toggle-group .btn-group.list-grid-switch .btn:first-child {
                    border-left: 1px solid #d8d8d8;
                }
                /* Last DOM child is the visual-left (outer edge) — no border */
                .view-toggle-group .btn-group.list-grid-switch .btn:last-child {
                    border-left: none;
                }
                .view-toggle-group .btn-group.list-grid-switch .btn:hover {
                    background: #f4f4f4;
                    color: #555;
                }
                .view-toggle-group .btn-group.list-grid-switch .btn.active {
                    background: #f0f0f0;
                    color: #222;
                    font-weight: normal;
                    box-shadow: none !important;
                }
                @media (max-width: 767px) {
                /*    .view-toggle-group .switch-title { display: none; }
                    .view-toggle-group .btn-group.list-grid-switch {
                        height: 40px;
                        border-radius: 10px;
                        border-color: #e2e2e2;
                    }
                    .view-toggle-group .btn-group.list-grid-switch .btn {
                        padding: 0 13px;
                        font-size: 16px;
                        height: 40px;
                    }
                    .view-toggle-group .btn-group.list-grid-switch .btn:first-child { border-left-color: #e2e2e2; }
                    .view-toggle-group .btn-group.list-grid-switch .btn.active {
                        background: #e6faf8;
                        color: #00b3aa;
                    }
                } */
                
                @media (max-width: 767px) {
                    .view-toggle-group { 
                        display: none !important; 
                    }
                }