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


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


.bc-intro { display: grid; gap: var(--bc-s4); padding-block: var(--bc-s4) var(--bc-s5); align-items: center; }
@media (min-width: 900px) { .bc-intro { grid-template-columns: 6fr 6fr; gap: var(--bc-s5); padding-block: var(--bc-s5) var(--bc-s6); } }
.bc-intro__kicker { margin: 0 0 var(--bc-s2); font-size: var(--bc-t-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--bc-signal); }
.bc-intro__title { margin: 0 0 var(--bc-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; }
.bc-intro__lead { max-width: 42ch; margin: 0 0 var(--bc-s4); font-size: var(--bc-t-lg); line-height: 1.5; color: var(--bc-schiefer); }
.bc-intro__media { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; border-radius: calc(var(--bc-radius) * 3); background: var(--bc-nebel); }
.bc-intro__img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 899px) { .bc-intro__media { order: -1; aspect-ratio: 3 / 2; } }

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

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

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


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


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


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