.sdps-panel { --sdps-accent: #245b96; position: fixed; right: auto; margin: 0; background: #fff; color: #20252b; border: 1px solid #dce1e7; border-radius: 12px; box-shadow: 0 12px 30px #172b4d24; max-height: min(72vh, 720px); overflow: auto; overscroll-behavior: contain; z-index: 1302; text-align: left; padding: 4px 0; box-sizing: border-box; }
.sdps-panel .sdps-empty { grid-column: 1 / -1; }
.sdps-panel .suggestionList ul { display: block; max-height: none; }
.sdps-panel .suggestionList ul li { width: 100%; float: none; }
.sdps-panel .suggestionList a[aria-selected="true"] { outline: 2px solid var(--sdps-accent); outline-offset: -2px; }
.sdps-panel *, .sdps-notice { box-sizing: border-box; }
.sdps-panel .sdps-groups { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
.sdps-panel .sdps-products { border-left: 1px solid #edf0f3; }
.sdps-panel .sdps-navigation:empty { display: none; }
.sdps-panel .sdps-heading { padding: 12px 16px 6px; color: #596676; font-size: 12px; font-weight: 700; letter-spacing: .035em; }
.sdps-panel .sdps-option { display: block; min-height: 44px; padding: 11px 16px; color: #20252b; text-decoration: none; line-height: 1.4; border: 0; border-radius: 0; background: #fff; white-space: normal; }
.sdps-panel .sdps-option:hover, .sdps-panel .sdps-option[aria-selected="true"] { background: #edf4fc; color: #153f6c; box-shadow: inset 3px 0 var(--sdps-accent); }
.sdps-panel .sdps-product { display: flex; gap: 14px; align-items: center; }
.sdps-panel .sdps-image { width: 64px; height: 64px; object-fit: contain; flex-shrink: 0; background: #fff; border-radius: 5px; }
.sdps-panel .sdps-product-content { display: block; min-width: 0; flex: 1; }
.sdps-panel .sdps-name { display: block; font-weight: 600; overflow-wrap: anywhere; }
.sdps-panel .sdps-price { display: block; margin-top: 3px; font-weight: 700; }
.sdps-panel .sdps-small { display: block; font-size: 11px; color: #596676; font-weight: 400; }
.sdps-panel .sdps-category { color: #245b96; }
.sdps-panel .sdps-section + .sdps-section { border-top: 1px solid #edf0f3; }
.sdps-panel .sdps-all { position: sticky; bottom: -4px; display: flex; justify-content: space-between; gap: 12px; background: #f4f7fb; border-top: 1px solid #dce1e7; color: #153f6c; font-weight: 700; }
.sdps-panel .sdps-empty, .sdps-panel .sdps-hint { padding: 12px 16px; line-height: 1.5; font-size: 13px; }
.sdps-panel .sdps-hint { color: #596676; background: #f8fafc; }
.sdps-notice { padding: 14px 18px; margin: 0 0 20px; border: 1px solid #dce1e7; border-radius: 8px; background: #f4f7fb; color: #20252b; line-height: 1.5; }
.sdps-notice a { text-decoration: underline; }
.sdps-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 600px) { .sdps-panel { max-height: 65vh; max-height: 65dvh; border-radius: 8px; } .sdps-panel .sdps-groups { display: block; } .sdps-panel .sdps-products { border-left: 0; border-top: 1px solid #edf0f3; } .sdps-panel .sdps-option { padding: 10px 12px; } .sdps-panel .sdps-image { width: 52px; height: 52px; } }