/* 6.9.1. Scoped workspace layout; no global theme or catalogue-card overrides. */
.exelic-accessories-page[data-exelic-workspace-version="691"] {
    --exelic-workspace-offset: 108px;
    width: min(1600px, calc(100% - 64px)) !important;
    position: relative;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] *,
.exelic-accessories-page[data-exelic-workspace-version="691"] *::before,
.exelic-accessories-page[data-exelic-workspace-version="691"] *::after { box-sizing: border-box; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-layout {
    display: grid !important;
    grid-template-columns: 264px minmax(0, 1fr) !important;
    gap: 36px !important;
    align-items: start !important;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-sidebar { top: var(--exelic-workspace-offset) !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-roles {
    border: 1px solid #dedede !important;
    border-radius: 5px !important;
    max-height: calc(100vh - var(--exelic-workspace-offset) - 24px);
    overflow-y: auto !important;
    overscroll-behavior: contain;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-roles a {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto 8px !important;
    gap: 12px !important;
    min-height: 56px !important;
    padding: 16px !important;
    font-weight: 600 !important;
    transition: background-color .12s ease;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-roles a span { overflow-wrap: anywhere; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-roles a.is-active { background: #333 !important; color: #fff !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-roles a:not(.is-active):hover { background: #f6f6f6 !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-roles a.is-pending { box-shadow: inset 3px 0 var(--exelic-primary-color); }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-role-chevron {
    display: block;
    width: 8px; height: 8px;
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: .7;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] a:focus-visible,
.exelic-accessories-page[data-exelic-workspace-version="691"] button:focus-visible,
.exelic-accessories-page[data-exelic-workspace-version="691"] select:focus-visible {
    outline: 2px solid var(--exelic-primary-color) !important;
    outline-offset: 3px !important;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-main-head { margin-bottom: 24px !important; align-items: flex-start !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-main-head h2 { font-size: clamp(1.3rem, 2vw, 1.75rem) !important; overflow-wrap: anywhere; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-result-count { display: block; margin-top: 8px; color: #666; font-size: .875rem; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-sort { flex: 0 0 auto !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-sort select { max-width: 210px; min-height: 44px !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessory-group { margin-top: 34px !important; padding-top: 24px !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessory-group:first-child { margin-top: 0 !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessory-group.is-selected-group { border-top: 0 !important; padding-top: 0 !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessory-group header h3 { font-size: 1.15rem; line-height: 1.4; margin: 0; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessory-group-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 32px 24px !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-acc-card.exelic-workspace-card {
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    width: 100% !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;
    background: #fff !important; border: 0 !important; box-shadow: none !important;
    transform: none !important; height: auto !important;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-img {
    width: 100% !important; max-width: none !important; height: 200px !important;
    margin: 0 0 16px !important; flex: 0 0 200px !important;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-img img { width: 100% !important; max-width: 200px !important; height: 100% !important; max-height: 190px !important; object-fit: contain !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-details { row-gap: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; text-align: left !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-badge { align-self: flex-start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-name {
    display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important;
    line-height: 1.4 !important; font-size: 1rem !important; font-weight: 500 !important;
    height: auto !important; min-height: 0 !important; max-height: 4.2em !important;
    overflow: hidden !important; overflow-wrap: anywhere; margin: 0 0 6px !important;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-price { font-size: 1.05rem !important; line-height: 1.4 !important; min-height: 0 !important; margin: 0 0 12px !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-btn.button {
    width: 100% !important; min-width: 0 !important; min-height: 46px !important;
    margin-top: auto !important; padding: 11px 10px !important; border-radius: 4px !important;
    background: var(--exelic-primary-color) !important; color: #fff !important;
    text-transform: none !important; font-weight: 600 !important; line-height: 1.3 !important;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-btn.button:hover { background: var(--exelic-primary-hover) !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-feedback {
    display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
    position: sticky; top: 0; z-index: 3;
    background: #fff; padding: 10px 14px; margin-bottom: 16px;
    border: 1px solid #ddd; border-radius: 5px; font-size: .9rem;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-feedback[hidden],
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-feedback [hidden] { display: none !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-feedback button { min-height: 44px; padding: 8px 14px; cursor: pointer; }
.exelic-accessories-page[data-exelic-workspace-version="691"].is-loading .exelic-accessories-feedback::before {
    content: ''; width: 16px; height: 16px; border: 2px solid #ddd; border-top-color: var(--exelic-primary-color); border-radius: 50%; animation: exelic-workspace-spin .7s linear infinite;
}
.exelic-accessories-page[data-exelic-workspace-version="691"] [aria-busy="true"] .exelic-accessories-groups { pointer-events: none; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-empty { padding: 28px 0 !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-announcer {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important;
    margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
@keyframes exelic-workspace-spin { to { transform: rotate(360deg); } }
@media (max-width: 1199px) {
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-layout { grid-template-columns: 220px minmax(0, 1fr) !important; gap: 24px !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessory-group-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessory-group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 800px) {
    .exelic-accessories-page[data-exelic-workspace-version="691"] { width: calc(100% - 32px) !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-layout { display: block !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-sidebar { position: static !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-roles { flex-direction: row !important; max-height: none; overflow-x: auto !important; overflow-y: hidden !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-roles a { min-height: 48px !important; padding: 12px !important; grid-template-columns: auto auto !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-role-chevron { display: none; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-main-head { flex-direction: row !important; flex-wrap: wrap !important; gap: 14px !important; }
}
@media (max-width: 600px) {
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessory-group-grid { gap: 24px 16px !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-img { height: 154px !important; flex-basis: 154px !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-img img { max-height: 148px !important; max-width: 154px !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-name { font-size: .9rem !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-workspace-card .exelic-acc-price { font-size: .93rem !important; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-sort { width: 100%; }
    .exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-accessories-sort select { max-width: none; flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .exelic-accessories-page[data-exelic-workspace-version="691"] * { scroll-behavior: auto !important; transition: none !important; animation-duration: 0s !important; }
}

/* Visible even when JavaScript fails to initialize; enhanced sorting is automatic. */
.exelic-accessories-page[data-exelic-workspace-version="691"][data-exelic-enhanced="1"] .exelic-sort-submit { display: none !important; }
.exelic-accessories-page[data-exelic-workspace-version="691"] .exelic-sort-submit { min-height: 44px; padding: 8px 12px; cursor: pointer; }