.cui-sidebar-product { display: flex; flex-direction: column; gap: 56px; font-family: 'Montserrat', sans-serif; }
.cui-sidebar-product, .cui-sidebar-product * { box-sizing: border-box; }
.cui-sidebar-product h2 { margin: 0 0 16px; color: #000; font-family: inherit; font-size: 22px; font-weight: 700; line-height: 1.5; }
.cui-sidebar-product__search { margin: 0; }
.cui-sidebar-product__search-field { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; background: #fff; }
.cui-sidebar-product__search-field input[type=search] { flex: 1; min-width: 0; height: 48px; margin: 0; padding: 10px 14px; border: 0; box-shadow: none; background: transparent; font: inherit; }
.cui-sidebar-product__search-field button { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; background: transparent; color: #666; }
.cui-sidebar-product__search-field svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; }
.cui-sidebar-product__categories { display: flex; flex-direction: column; gap: 16px; max-height: 420px; overflow-y: auto; padding-right: 8px; scrollbar-width: thin; scrollbar-color: #d0d0d0 transparent; }
.cui-sidebar-product__categories a { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #666; font-size: 18px; line-height: 1.4; text-decoration: none; }
.cui-sidebar-product__categories a:hover { color: #000; }
.cui-sidebar-product__categories a.is-active { color: #2e338c; }
.cui-sidebar-product__count { flex-shrink: 0; min-width: 30px; text-align: center; color: #555; }
.cui-sidebar-product__categories .is-active .cui-sidebar-product__count { padding: 3px 8px; border-radius: 999px; background: #2e338c; color: #fff; font-size: 16px; font-weight: 600; }
.cui-sidebar-product__tags { display: flex; flex-wrap: wrap; gap: 12px; }
.cui-sidebar-product__tags a { display: inline-flex; align-items: center; min-height: 40px; max-width: 100%; padding: 7px 14px; border: 1px solid #bdbdbd; border-radius: 999px; color: #666; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; text-decoration: none; }
.cui-sidebar-product__tags a:hover { background: #f5f5f5; }
.cui-sidebar-product__tags a.is-active { border-color: #2e338c; background: #2e338c; color: #fff; }
.cui-sidebar-product a:focus-visible, .cui-sidebar-product button:focus-visible, .cui-sidebar-product input:focus-visible { outline: 2px solid #2e338c; outline-offset: -2px; }
.cui-sidebar-product__banner { display: flex; flex-direction: column; justify-content: center; min-height: 290px; padding: 24px; border-radius: 16px; background: #2e338c url('./banner.jpg') center / cover no-repeat; color: #fff; }
.cui-sidebar-product__banner p { margin: 0 0 10px; font-size: 14px; font-weight: 500; }
.cui-sidebar-product__banner h2 { max-width: 95%; margin-bottom: 20px; color: #fff; font-size: 28px; line-height: 1.2; }
.cui-sidebar-product__banner .cui-sidebar-product__banner-price { margin: 0; font-family: 'Marcellus', serif; font-size: 26px; line-height: 1.2; }
@media (max-width: 767px) { .cui-sidebar-product__banner { min-height: 260px; padding: 22px; } .cui-sidebar-product__banner h2 { font-size: 30px; } }