
/* Accessibility Widget Styles - Override any accessibility transformations */         #sb-a11y-widget {             position: fixed !important;             bottom: 20px; right: 20px;            z-index: 999999 !important;             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;             font-size: 16px !important;             line-height: 1.5 !important;             letter-spacing: normal !important;             text-align: left !important;         }          #sb-a11y-widget * {             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;         }          #sb-a11y-toggle-btn {             background: #3b82f6 !important;             color: white !important;             border: none !important;             padding: 14px !important;             border-radius: 50px !important;             cursor: pointer !important;             font-size: 16px !important;             font-weight: 600 !important;             box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;             display: flex !important;             align-items: center !important;             justify-content: center !important;             gap: 0 !important;             transition: all 0.3s ease !important;         }          #sb-a11y-toggle-btn:hover {             transform: translateY(-2px);             box-shadow: 0 6px 16px rgba(0,0,0,0.2);         }          #sb-a11y-toggle-btn svg {             width: 20px;             height: 20px;         }          #sb-a11y-panel {             position: absolute !important;             bottom: 60px !important;            right: 0 !important;            background: white !important;             border-radius: 8px !important;             box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;             width: 520px !important;             max-width: calc(100vw - 40px) !important;             max-height: calc(100vh - 100px) !important;             overflow-y: auto !important;             display: none;             border: 1px solid #ddd !important;         }          #sb-a11y-panel.active {             display: block !important;             animation: slideIn 0.3s ease;         }          @keyframes slideIn {             from {                 opacity: 0;                 transform: translateY(10px);             }             to {                 opacity: 1;                 transform: translateY(0);             }         }          .sb-a11y-panel-header {             padding: 10px 14px;             border-bottom: 1px solid #e5e5e5;             display: flex;             justify-content: space-between;             align-items: center;             background: #f8f8f8;             color: #333;             border-radius: 8px 8px 0 0;         }          .sb-a11y-panel-header h3 {             margin: 0;             font-size: 13px;             font-weight: 600;             color: #555;         }          .sb-a11y-close-btn {             background: transparent;             border: none;             color: #999;             font-size: 18px;             cursor: pointer;             width: 24px;             height: 24px;             border-radius: 4px;             display: flex;             align-items: center;             justify-content: center;             line-height: 1;             transition: all 0.2s;         }          .sb-a11y-close-btn:hover {             background: #e5e5e5;             color: #333;         }          .sb-a11y-panel-content {             padding: 12px;         }          .sb-a11y-section {             margin-bottom: 10px;         }          .sb-a11y-section:last-child {             margin-bottom: 0;         }          .sb-a11y-section-title {             font-size: 10px;             font-weight: 600;             color: #aaa;             margin-bottom: 6px;             text-transform: uppercase;             letter-spacing: 0.5px;             display: flex;             justify-content: space-between;             align-items: center;         }          .sb-a11y-section-reset {             font-size: 9px;             color: #999;             background: transparent;             border: none;             cursor: pointer;             padding: 2px 5px;             border-radius: 3px;             text-transform: uppercase;             letter-spacing: 0.5px;             transition: all 0.15s;         }          .sb-a11y-section-reset:hover {             background: #f0f0f0;             color: #666;         }          .sb-a11y-controls {             display: flex;             flex-wrap: wrap;             gap: 5px;         }          .sb-a11y-btn {             background: #fff !important;             border: 1px solid #ddd !important;             padding: 5px 10px !important;             border-radius: 4px !important;             cursor: pointer !important;             font-size: 12px !important;             font-weight: 500 !important;             text-align: center !important;             transition: all 0.15s !important;             color: #666 !important;             flex: 0 0 auto !important;             white-space: nowrap !important;             display: inline-flex !important;             align-items: center !important;             justify-content: center !important;             line-height: 1.2 !important;             gap: 3px;         }          .sb-a11y-btn:hover {             background: #f8f8f8 !important;             border-color: #bbb !important;             color: #333 !important;         }          .sb-a11y-btn.active {             background: #3b82f6 !important;             color: #fff !important;             border-color: #3b82f6 !important;         }          .sb-a11y-btn svg {             width: 20px;             height: 20px;         }          .sb-a11y-reset-btn {             background: #fff;             color: #666;             border: 1px solid #ddd;             padding: 6px 10px;             border-radius: 4px;             cursor: pointer;             font-size: 11px;             font-weight: 500;             width: 100%;             margin-top: 6px;             transition: all 0.15s;         }          .sb-a11y-reset-btn:hover {             background: #f8f8f8;             border-color: #bbb;             color: #333;         }          .sb-a11y-divider {             height: 1px;             background: #e5e5e5;             margin: 8px 0;         }          @media (max-width: 560px) {             #sb-a11y-panel {                 width: calc(100vw - 40px) !important;             }              .sb-a11y-btn {                 padding: 6px 8px !important;                 font-size: 11px !important;             }         }          /* ============================================            CUSTOM CSS - User Defined Styles            ============================================ */