/* More products on every screen, less scrolling (owner, 2026-11-15: "use the whole width; 9 in a row where it fits
   instead of 7; nobody should have to scroll without end"). */

/* Brand pages: the product grid uses the page's full width (the opening text keeps its own narrower width). */
body.parent-pageid-26 main .barami-content { max-width: none !important; }
body.parent-pageid-26 .barami-brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px 10px !important; }
@media (min-width: 560px) { body.parent-pageid-26 .barami-brand-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (min-width: 768px) { body.parent-pageid-26 .barami-brand-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 18px 14px !important; } }
@media (min-width: 1024px) { body.parent-pageid-26 .barami-brand-grid { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } }
@media (min-width: 1280px) { body.parent-pageid-26 .barami-brand-grid { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } }
@media (max-width: 559px) { body.parent-pageid-26 .barami-brand-grid > a > span { font-size: 12px !important; } }

/* Catalogue and category pages: smaller product cards, more in a row (was 4 on a computer, 1 on a phone). */
body:is(.tax-product_category, .post-type-archive-product) main section > .grid.md\:grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 12px !important;
}
@media (min-width: 768px) {
    body:is(.tax-product_category, .post-type-archive-product) main section > .grid.md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 28px 18px !important; }
}
@media (min-width: 1024px) {
    body:is(.tax-product_category, .post-type-archive-product) main section > .grid.md\:grid-cols-4 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (min-width: 1440px) {
    body:is(.tax-product_category, .post-type-archive-product) main section > .grid.md\:grid-cols-4 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
@media (min-width: 1700px) {
    body:is(.tax-product_category, .post-type-archive-product) main section > .grid.md\:grid-cols-4 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
}