.br-masthead__top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 5rem; }
.br-masthead__start { justify-self: start; }
.br-masthead__end { justify-self: end; }
.br-masthead .br-logo { flex-direction: column; gap: 0.25rem; text-align: center; }
.br-masthead .br-logo__name { font-size: var(--br-t-lg); letter-spacing: 0.02em; }
.br-masthead__nav { border-block: 1px solid var(--br-linie); }
.br-masthead__nav .br-nav__list { justify-content: center; padding-block: 0.85rem; }
.br-masthead__nav .br-nav__link { text-transform: uppercase; letter-spacing: 0.08em; font-size: var(--br-t-xs); }
@media (min-width: 900px) {
	.br-masthead .br-menu-toggle { display: none; }
	.br-masthead__nav { margin: 0; }
}
@media (max-width: 899px) {
	.br-masthead__top { min-height: 4rem; }
	.br-masthead .br-logo { flex-direction: row; }
	.br-masthead__nav .br-nav__list { justify-content: flex-start; }
	.br-masthead__nav .br-nav__link { text-transform: none; letter-spacing: 0; font-size: var(--br-t-lg); }
}


.br-bar__notice { background: var(--br-tinte); color: var(--br-papier); font-size: var(--br-t-xs); }
.br-bar__notice p { margin: 0; padding-block: 0.45rem; text-align: center; }
.br-bar__main { display: flex; align-items: center; gap: var(--br-s3); min-height: 4.5rem; }
.br-bar__search { flex: 1; display: flex; justify-content: center; }
.br-bar__search .br-search__form { width: 100%; max-width: 34rem; }
.br-bar__search .br-search__input { border-radius: 999px; }
.br-bar__search .br-button { border-radius: 999px; }
.br-bar__nav { background: var(--br-nebel); }
.br-bar__nav .br-nav__list { gap: var(--br-s4); padding-block: 0.7rem; overflow-x: auto; scrollbar-width: none; }
.br-bar__nav .br-nav__link { white-space: nowrap; }
@media (min-width: 900px) {
	.br-bar .br-menu-toggle { display: none; }
	.br-bar__nav { position: relative; margin: 0; }
	.br-bar__nav .br-nav__list { overflow: visible; }
}
@media (max-width: 899px) {
	.br-bar__main { flex-wrap: wrap; gap: var(--br-s1) var(--br-s2); padding-block: var(--br-s1); }
	.br-bar__main .br-menu-toggle { margin-left: auto; }
	.br-bar__search { order: 3; flex-basis: 100%; }
	.br-bar__nav { background: var(--br-papier); }
	.br-bar__nav .br-nav__list { overflow: visible; gap: var(--br-s2); }
}


.br-intro { display: grid; gap: var(--br-s4); padding-block: var(--br-s4) var(--br-s5); align-items: center; }
@media (min-width: 900px) { .br-intro { grid-template-columns: 6fr 6fr; gap: var(--br-s5); padding-block: var(--br-s5) var(--br-s6); } }
.br-intro__kicker { margin: 0 0 var(--br-s2); font-size: var(--br-t-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--br-signal); }
.br-intro__title { margin: 0 0 var(--br-s3); font-size: clamp(2.5rem, 1.3rem + 4vw, 5rem) !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: -0.04em !important; text-wrap: balance; }
.br-intro__lead { max-width: 42ch; margin: 0 0 var(--br-s4); font-size: var(--br-t-lg); line-height: 1.5; color: var(--br-schiefer); }
.br-intro__media { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; border-radius: calc(var(--br-radius) * 3); background: var(--br-nebel); }
.br-intro__img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 899px) { .br-intro__media { order: -1; aspect-ratio: 3 / 2; } }

.br-index__title { margin: 0 0 var(--br-s4); font-size: var(--br-t-h2); }
.br-index__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--br-tinte); }
.br-index__link { display: grid; grid-template-columns: 3rem 1fr 5rem; align-items: center; gap: var(--br-s2); padding-block: var(--br-s2); border-bottom: 1px solid var(--br-linie); text-decoration: none; }
@media (min-width: 768px) { .br-index__link { grid-template-columns: 5rem 1fr 8rem; padding-block: var(--br-s3); } }
.br-index__num { font-size: var(--br-t-sm); color: var(--br-schiefer); font-variant-numeric: tabular-nums; }
.br-index__label { font-size: clamp(1.375rem, 1rem + 1.6vw, 2.5rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; }
.br-index__media { aspect-ratio: 1; overflow: hidden; border-radius: var(--br-radius); background: var(--br-nebel); }
.br-index__media img { width: 100%; height: 100%; object-fit: cover; }
.br-index__link:hover .br-index__label { color: var(--br-signal); }

.br-picks .woocommerce ul.products, .br-picks ul.products { grid-template-columns: repeat(2, 1fr) !important; }
@media (min-width: 900px) { .br-picks ul.products { grid-template-columns: repeat(3, 1fr) !important; } }

.br-reading__grid { display: grid; gap: var(--br-s4); }
@media (min-width: 900px) { .br-reading__grid { grid-template-columns: 7fr 5fr; align-items: start; } }
.br-reading__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--br-linie); }
.br-reading__list li { display: grid; gap: 0.2rem; padding-block: var(--br-s2); border-bottom: 1px solid var(--br-linie); }
.br-reading__list a { font-size: var(--br-t-lg); font-weight: 500; line-height: 1.3; text-decoration: none; }
.br-reading__list a:hover { text-decoration: underline; }
.br-reading__date { font-size: var(--br-t-xs); color: var(--br-schiefer); }


.br-shopfront { padding-block: var(--br-s4) var(--br-s3); border-bottom: 1px solid var(--br-linie); }
.br-shopfront__title { margin: 0; font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem) !important; font-weight: 600 !important; letter-spacing: -0.02em; }
.br-shopfront__lead { max-width: 60ch; margin: var(--br-s1) 0 0; color: var(--br-schiefer); }
.br-shopfront--photo { display: grid; gap: var(--br-s3); }
@media (min-width: 900px) {
	.br-shopfront--photo { grid-template-columns: 7fr 5fr; gap: var(--br-s5); align-items: center; }
}
.br-shopfront__media { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: calc(var(--br-radius) * 3); background: var(--br-nebel); }
.br-shopfront__img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 899px) { .br-shopfront__media { order: -1; aspect-ratio: 16 / 9; } }
.br-chips__list { display: flex; flex-wrap: wrap; gap: var(--br-s1); margin: var(--br-s3) 0 0; padding: 0; list-style: none; }
.br-chip { display: inline-flex; align-items: center; min-height: 2.5rem; padding: 0 1rem; border: 1px solid var(--br-linie); border-radius: 999px; font-size: var(--br-t-sm); font-weight: 500; text-decoration: none; }
.br-chip:hover { border-color: var(--br-tinte); background: var(--br-nebel); }
@media (max-width: 767px) {
	.br-chips__list { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--br-margin)); padding-inline: var(--br-margin); scrollbar-width: none; }
	.br-chips__list li { flex: none; }
}
.br-l-home-catalog .br-shelf { padding-block: var(--br-s4); }
.br-shelf__title { margin: 0 0 var(--br-s3); font-size: var(--br-t-h3) !important; font-weight: 600 !important; }
.br-facts__title { margin: 0 0 var(--br-s3); font-size: var(--br-t-h3) !important; font-weight: 600 !important; }
.br-facts__list { margin: 0; display: grid; gap: 0; }
.br-facts__row { display: grid; gap: var(--br-s1) var(--br-s4); padding-block: var(--br-s2); border-top: 1px solid var(--br-linie); }
@media (min-width: 768px) { .br-facts__row { grid-template-columns: 14rem 1fr; } }
.br-facts__row dt { font-weight: 600; }
.br-facts__row dd { margin: 0; color: var(--br-schiefer); }
.br-facts__row dd strong { color: var(--br-tinte); font-weight: 500; }
.br-facts__links { display: flex; flex-wrap: wrap; gap: 0 var(--br-s3); margin: var(--br-s1) 0 0; padding: 0; list-style: none; }
.br-guides__list { columns: 1; margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .br-guides__list { columns: 2; column-gap: var(--br-s5); } }
.br-guides__list li { break-inside: avoid; padding-block: 0.6rem; border-bottom: 1px solid var(--br-linie); }
.br-guides__list a { text-decoration: none; font-weight: 500; }
.br-guides__list a:hover { text-decoration: underline; }


.br-catalog { display: grid; gap: var(--br-s4); }
@media (min-width: 1024px) {
	.br-catalog { grid-template-columns: 18rem 1fr; gap: var(--br-s5); align-items: start; }
	.br-catalog__aside { position: sticky; top: var(--br-s3); }
	.br-catalog__aside .br-filters { flex-direction: column; gap: var(--br-s3); }
}
.br-catalog__aside .br-archive-head { margin-bottom: var(--br-s3); }
.br-catalog__aside .br-archive-head__title { font-size: var(--br-t-h2); }
.br-catalog__aside .br-archive-head__intro { font-size: var(--br-t-base); }
.br-l-collection-list ul.products:has(> .br-row) { display: block !important; margin: 0; padding: 0; border-top: 1px solid var(--br-linie); }
.br-l-collection-list ul.products:has(> .br-row)::before, .br-l-collection-list ul.products:has(> .br-row)::after { content: none !important; }
.woocommerce ul.products li.product.br-row { display: grid !important; grid-template-columns: 6.5rem 1fr; gap: var(--br-s2) var(--br-s3); align-items: center; width: auto !important; float: none !important; padding: var(--br-s3) 0 !important; border-bottom: 1px solid var(--br-linie) !important; }
@media (min-width: 768px) { .br-row { grid-template-columns: 11rem 1fr 12rem; } }
.br-row__media { display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--br-radius); background: var(--br-nebel); }
.br-row .br-row__img { width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; }
.br-row__title { margin: 0 0 var(--br-s1); font-size: var(--br-t-lg) !important; font-weight: 600 !important; line-height: 1.25; letter-spacing: -0.01em; }
.br-row__title a { text-decoration: none; }
.br-row__title a:hover { text-decoration: underline; }
.br-row__text { margin: 0 0 var(--br-s1); font-size: var(--br-t-sm); color: var(--br-schiefer); }
.br-row__attrs { display: flex; flex-wrap: wrap; gap: 0 var(--br-s3); margin: 0; padding: 0; list-style: none; font-size: var(--br-t-xs); }
.br-row__attrs span { color: var(--br-schiefer); }
.br-row__buy { display: grid; gap: var(--br-s1); justify-items: start; }
.br-row__buy .price { font-size: var(--br-t-lg); font-weight: 600; }
@media (min-width: 768px) { .br-row__buy { justify-items: end; text-align: right; } }
@media (max-width: 767px) { .br-row__buy { grid-column: 2; } .br-row__cta { display: none; } }


.br-l-product-stack div.product { display: grid; gap: var(--br-s4); }
.br-l-product-stack div.product::before, .br-l-product-stack div.product::after { content: none !important; }  
@media (min-width: 900px) {
	.br-l-product-stack div.product { grid-template-columns: 7fr 5fr; gap: var(--br-s5); align-items: start; }
	.br-l-product-stack div.product > .br-stack { grid-column: 1; float: none !important; width: auto !important; margin: 0 !important; }
	.br-l-product-stack div.product > .summary { grid-column: 2; position: sticky; top: var(--br-s3); float: none !important; width: auto !important; margin: 0 !important; }
	.br-l-product-stack div.product > :not(.br-stack):not(.summary) { grid-column: 1 / -1; }
}
.br-stack__list { display: grid; gap: var(--br-s2); }
.br-stack .br-stack__item { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: hidden; border-radius: var(--br-radius); background: var(--br-nebel); }  
.br-stack .br-stack__img { display: block; width: 100%; height: auto !important; }
@media (max-width: 899px) {
	.br-stack__list { grid-auto-flow: column; grid-auto-columns: 85%; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--br-margin)); padding-inline: var(--br-margin); scrollbar-width: none; }
	.br-stack__item { scroll-snap-align: start; }
}