/* Sidebar shop box */
.side-prods, .side-shopbox { width: 285px; max-width: 100%; margin: 16px auto; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); background: #fff; overflow: hidden; }

.side-prods { font-size: 13.5px; }
.side-prods-h, .side-shopbox-h { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--sk-soft); color: var(--sk-ink); }
.side-prods-h:hover, .side-shopbox-h:hover { text-decoration: none; color: var(--sk-ink); }
.side-prods-h span { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.side-prods-h b { font-weight: 600; font-size: 15px; }
.side-prods-h small, .side-shopbox-h small { color: var(--sk-muted); font-size: 12px; }
.side-prods li + li { border-top: 1px solid var(--sk-line); }
.side-prods li a { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 14px; color: var(--sk-ink); }
.side-prods li a:hover { text-decoration: none; color: var(--sk-ink); }
.side-prods li a:hover .side-prods-n { text-decoration: underline; }
.side-prods li img { width: 64px; height: 64px; object-fit: contain; }
.side-prods li a > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.side-prods-n { line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.side-prods li b { font-weight: 600; font-variant-numeric: tabular-nums; }
.side-prods-all, .side-shopbox-f { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 11px; font-weight: 500; }
.side-prods-all { border-top: 1px solid var(--sk-line); }
.side-prods-all:hover, .side-shopbox-f:hover { background: var(--sk-soft-2); text-decoration: none; }
.side-prods-all .sk-ic, .side-shopbox-f .sk-ic { width: 15px; height: 15px; }

/* Shop categories */
.side-shopbox { font-size: 14px; }
.side-shopbox-h { gap: 8px; }
.side-shopbox-h b { font-weight: 500; }
.side-shopbox-h small { margin-left: auto; }
.side-shopbox ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.side-shopbox li a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 4px 12px; font-size: 12.5px; color: var(--sk-ink); text-align: center; border-right: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line); }
.side-shopbox li:nth-child(3n) a { border-right: 0; }
.side-shopbox li a:hover { background: var(--sk-soft-2); text-decoration: none; color: var(--sk-accent); }
.side-shopbox .hdr-sico { width: 30px; height: 30px; }

@media (max-width: 991.98px) {
	.side-prods, .side-shopbox { width: 100%; max-width: 520px; }
}