.bdc-shop { --bdc-interior-gap: 24px; }
.bdc-shop .bdc-shop-hero { width: min(calc(100% - (2 * var(--bdc-gutter))), var(--bdc-site-max)); margin: var(--bdc-gap) auto 0; overflow: hidden; border-radius: var(--bdc-radius); background: linear-gradient(135deg, var(--bdc-black), var(--bdc-navy)); color: var(--bdc-cream); }
.bdc-shop .bdc-shop-hero__inner { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); align-items: center; gap: clamp(28px, 6vw, 72px); min-height: 480px; padding: clamp(36px, 6vw, 76px); }
.bdc-shop .bdc-shop-hero__copy { max-width: 720px; }
.bdc-shop .bdc-shop-hero h1 { margin: 16px 0 22px; color: #fff; font-size: clamp(3rem, 7vw, 6rem); }
.bdc-shop .bdc-shop-hero p:last-child { margin: 0; font-size: clamp(1.08rem, 2vw, 1.3rem); line-height: 1.65; }
.bdc-shop .bdc-shop-hero img { width: min(100%, 340px); margin-inline: auto; filter: drop-shadow(0 18px 30px rgba(0,0,0,.35)); }
.bdc-shop .bdc-eyebrow { margin: 0 0 16px; color: var(--bdc-gold); font-size: .875rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.bdc-shop .bdc-eyebrow--red { color: var(--bdc-red); }
.bdc-shop .bdc-interior-section { margin-top: var(--bdc-interior-gap); }
.bdc-shop .bdc-interior-panel { padding: clamp(32px, 5vw, 60px); border-radius: var(--bdc-radius); background: var(--bdc-paper); }
.bdc-shop .bdc-interior-panel--cream { border-top: 4px solid var(--bdc-gold); background: var(--bdc-cream); box-shadow: 0 12px 30px rgba(17,24,39,.1); }
.bdc-shop .bdc-interior-panel--dark { background: var(--bdc-navy); color: var(--bdc-cream); }
.bdc-shop .bdc-shop-status { text-align: center; }
.bdc-shop .bdc-shop-status h2, .bdc-shop .bdc-interior-heading h2, .bdc-shop .bdc-interior-cta h2 { margin: 0 0 22px; font-size: clamp(2rem, 4vw, 3.1rem); }
.bdc-shop .bdc-shop-status p:last-child, .bdc-shop .bdc-interior-heading > p:last-child, .bdc-shop .bdc-interior-cta > p { max-width: 72ch; margin-inline: auto; font-size: 1.08rem; }
.bdc-shop .bdc-interior-heading { max-width: 880px; margin: 0 auto 34px; text-align: center; }
.bdc-shop .bdc-shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.bdc-shop .bdc-shop-card { display: flex; flex-direction: column; height: 100%; padding: 26px; border: 1px solid rgba(17,24,39,.14); border-radius: 20px; background: var(--bdc-cream); }
.bdc-shop .bdc-shop-card__mark { display: grid; min-height: 190px; margin: -8px -8px 24px; place-items: center; border-radius: 14px; background: linear-gradient(145deg, var(--bdc-black), var(--bdc-navy)); color: var(--bdc-gold); font-size: clamp(2.6rem, 5vw, 4.2rem); font-weight: 900; letter-spacing: .08em; }
.bdc-shop .bdc-shop-card__status { margin: 0 0 12px; color: var(--bdc-red); font-size: .78rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.bdc-shop .bdc-shop-card h3 { margin: 0 0 14px; font-size: 1.45rem; }
.bdc-shop .bdc-shop-card p:last-child { margin: 0; }
.bdc-shop .bdc-interior-cta { text-align: center; }
.bdc-shop .bdc-interior-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 28px; }
.bdc-shop .bdc-interior-actions .bdc-button { width: 210px; }

@media (max-width: 900px) {
	.bdc-shop .bdc-shop-hero__inner { grid-template-columns: 1fr; min-height: auto; text-align: center; }
	.bdc-shop .bdc-shop-hero img { width: min(52vw, 260px); }
	.bdc-shop .bdc-shop-grid { grid-template-columns: 1fr; }
	.bdc-shop .bdc-shop-card { display: grid; grid-template-columns: minmax(150px, .45fr) minmax(0, .55fr); column-gap: 24px; align-items: center; }
	.bdc-shop .bdc-shop-card__mark { grid-row: 1 / span 3; min-height: 180px; margin: 0; }
}

@media (max-width: 600px) {
	.bdc-shop .bdc-shop-hero__inner { padding: 42px 24px; }
	.bdc-shop .bdc-interior-panel { padding: 30px 22px; border-radius: 22px; }
	.bdc-shop .bdc-shop-card { display: flex; }
	.bdc-shop .bdc-shop-card__mark { width: 100%; min-height: 160px; margin: -8px -8px 24px; }
	.bdc-shop .bdc-interior-actions { flex-direction: column; }
	.bdc-shop .bdc-interior-actions .bdc-button { width: 100%; }
}