.bb-gallery {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--bb-gap, 10px);
}
.bb-gallery .bb-gallery__item {
display: block;
max-width: var(--bb-size, 150px);
text-align: center;
}
.bb-gallery .bb-gallery__img {
display: block;
max-width: 100%;
max-height: var(--bb-size, 150px);
margin: 0 auto;
}
.bb-gallery .product-title {
display: block;
} .bb-rss--grid {
display: grid;
grid-template-columns: repeat(var(--bb-cols, 3), 1fr);
gap: 15px;
}
.bb-rss--list .bb-rss__item {
margin-bottom: var(--bb-spacing, 10px);
}
.bb-rss .bb-rss__row {
display: flex;
align-items: flex-start;
margin-bottom: 5px;
}
.bb-rss .bb-rss__thumb {
margin-right: 15px;
}
.bb-rss .bb-rss__thumb--center {
margin-right: 0;
text-align: center;
}
.bb-rss .bb-rss__img {
display: block;
width: var(--bb-img-width, 200px);
height: auto;
}
.bb-rss .bb-rss__thumb--center .bb-rss__img {
margin: 0 auto;
}
.bb-rss .bb-rss__placeholder {
width: var(--bb-img-width, 200px);
padding: 10px;
background: #f0f0f0;
color: #999;
text-align: center;
box-sizing: border-box;
}
.bb-rss .bb-rss__text {
flex: 1;
min-width: 0;
}
.bb-rss .bb-rss__title {
margin: 0 0 10px 0;
}
.bb-rss .bb-rss__title a,
.bb-rss .bb-rss__more {
color: var(--bb-link-color, #00A7A3);
text-decoration: none;
}
.bb-rss .bb-rss__more {
font-weight: bold;
}
.bb-rss .bb-rss__excerpt {
margin: 5px 0;
color: #666;
}
.bb-rss .bb-rss__date {
margin: 5px 0;
font-style: italic;
color: #999;
} @media (max-width: 480px) {
.bb-rss .bb-rss__row {
flex-direction: column;
}
.bb-rss .bb-rss__thumb {
margin: 0 0 10px 0;
}
}