/* Category-selected sidebar shared by posts and post archives. */
#main .tts-post-layout > .post-sidebar { border: 0; }
#main .tts-post-sidebar { display: flex; flex-direction: column; gap: 24px; width: 100%; }
#main .tts-post-sidebar-box { padding: 16px; border: 1px solid #e6e6e6; border-radius: 4px; background: #fff; }
#main .tts-post-sidebar .tts-post-sidebar-title { margin: 0 0 10px; color: #0a0a0a; font-size: 18px; font-weight: 700; line-height: 1.5; text-transform: uppercase; }
#main .tts-post-sidebar-categories { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0 0 0 1em; list-style: disc outside; }
#main .tts-post-sidebar-categories li { margin: 0; color: #0a0a0a; font-size: 16px; line-height: 1.35; }
#main .tts-post-sidebar-categories a { color: inherit; }
#main .tts-post-sidebar-categories a:hover,
#main .tts-post-sidebar-product-title:hover { color: #c9252c; }
#main .tts-post-sidebar-products { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
#main .tts-post-sidebar-products > li { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: center; gap: 12px; margin: 0; padding: 12px 0; border: 0; border-bottom: 1px solid #e6e6e6; border-radius: 0; }
#main .tts-post-sidebar-products > li:first-child { padding-top: 0; }
#main .tts-post-sidebar-products > li:last-child { padding-bottom: 0; border-bottom: 0; }
#main .tts-post-sidebar-image { display: block; width: 70px; height: 70px; }
#main .tts-post-sidebar-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
#main .tts-post-sidebar-product-info { min-width: 0; }
#main .tts-post-sidebar-product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #0a0a0a; font-size: 14px; font-weight: 700; line-height: 1.35; }
#main .tts-post-sidebar-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin-top: 4px; color: #c9252c; font-size: 16px; font-weight: 700; line-height: 1.35; }
#main .tts-post-sidebar-price :is(.amount, bdi, ins) { color: inherit; }
#main .tts-post-sidebar-price ins { order: 1; background: none; text-decoration: none; }
#main .tts-post-sidebar-price del { order: 2; color: #777; font-size: 12px; font-weight: 400; }
#main .tts-post-sidebar a:focus-visible { outline: 2px solid #c9252c; outline-offset: 3px; }
@media (min-width: 850px) {
    #main .tts-post-layout > .post-sidebar { align-self: stretch; }
    #main .tts-post-sidebar {
        position: sticky;
        top: var(--tts-post-sidebar-top, 120px);
        max-height: calc(100dvh - var(--tts-post-sidebar-top, 120px) - 16px);
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }
}
@media (max-width: 849px) {
    #main .tts-post-sidebar { gap: 20px; }
}