body.einzelhandel { --ink: #252625; --paper: #fff; --accent: #283ccd; --line: #d5d7d5; --surface: #eef0fc; --display-font: Arial,sans-serif; --display-weight: 800; --button-radius: 0; }
.store-announcement { background: #f3f242; text-align: center; padding: 9px 18px; font-size: .75rem; font-weight: 700; }
.wordmark strong { font-size: 1.8rem; font-weight: 900; }
.wordmark span { font-size: .65rem; }
.masthead { min-height: 102px; }
.site-menu .nav-cta { background: transparent; color: var(--ink); border: 1px solid var(--ink); }
.store-hero { position: relative; isolation: isolate; display: flex; align-items: end; min-height: 540px; background: #222; color: white; }
.store-hero > img { position: absolute; inset: 0; height: 100%; z-index: -2; object-position: center; }
.store-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#141b22c9,#141b221a); }
.store-hero-copy { padding-block: 64px; }
.store-hero h1 { font-size: 5.5rem; line-height: 1.05; }
.store-hero .button { margin-top: 30px; background: #f3f242; color: #252625; }
.store-manifesto { background: #f3f242; }
.store-manifesto .wrap { display: flex; gap: 20px; justify-content: space-between; padding-block: 24px; font-weight: 700; }
.store-section-head { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 36px; }
.store-section-head > p { max-width: 30ch; }
.category-filter { display: flex; flex-wrap: wrap; gap: 10px 24px; border-bottom: 1px solid var(--line); }
.category-filter button { background: none; border: 0; border-bottom: 3px solid transparent; padding: 12px 0; }
.category-filter button[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); font-weight: 700; }
.product-count { margin-block: 18px 24px; }
.store-products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.product-photo { position: relative; background: #f4f4f4; }
.product-photo img { aspect-ratio: 4/5; }
.product-photo > span { position: absolute; left: 12px; top: 12px; background: #f3f242; padding: 4px 10px; font-size: .7rem; font-weight: 700; }
.product-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-top: 20px; }
.product-heading h3 { font-size: 1rem; }
.product-heading strong { font-size: .85rem; }
.store-product > p { font-size: .875rem; margin-top: 12px; }
.store-product > a { display: inline-block; font-size: .8rem; margin-top: 14px; padding-block: 10px; }
.store-feature { background: #283ccd; color: #fff; padding-block: 72px; }
.store-feature h2 { font-size: 4rem; }
.store-feature p:not(.eyebrow) { max-width: 54ch; margin-block: 24px 16px; }
.collect-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.collect-steps { list-style: decimal-leading-zero; margin-top: 36px; padding-left: 32px; }
.collect-steps li { padding-left: 12px; padding-bottom: 26px; }
.collect-steps strong, .collect-steps span { display: block; }
.collect-steps span { font-size: .875rem; margin-top: 8px; }
.collect-total { border-block: 1px solid var(--line); padding-block: 18px; font-weight: 700; }
.store-visit { display: grid; grid-template-columns: 1fr 1fr; background: #f1f2ed; }
.store-visit-photo img { height: 100%; min-height: 420px; }
.store-visit-copy { padding: 64px; }
.store-visit h2 { margin-bottom: 24px; }
.store-visit dl { margin-top: 28px; font-size: .9rem; max-width: 340px; }
.store-visit dl div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-block: 8px; }
.store-visit dd { margin: 0; }
.journal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.journal-grid img { aspect-ratio: 1; }
.journal-grid figcaption { font-size: .8rem; margin-top: 14px; }
.store-newsletter { background: #f3f242; padding-block: 64px; }
.store-newsletter > .wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.store-newsletter h2 { margin-bottom: 20px; }
.store-newsletter .button { margin-top: 18px; }
.page-footer { background: #252625; color: #fff; border-color: #252625; }
@media (max-width: 1024px) { .store-hero h1 { font-size: 4.5rem; } .store-products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px 24px; } .collect-layout, .store-newsletter > .wrap { gap: 48px; } .store-visit-copy { padding: 40px; } }
@media (max-width: 700px) { .store-hero { min-height: 460px; } .store-hero h1 { font-size: 3.5rem; } .store-manifesto .wrap { flex-direction: column; gap: 4px; font-size: .9rem; } .store-section-head { flex-direction: column; align-items: start; gap: 20px; } .collect-layout, .store-visit, .store-newsletter > .wrap { grid-template-columns: 1fr; } .store-feature h2 { font-size: 2.9rem; } .store-visit-photo img { min-height: 0; height: 300px; } .store-visit-copy { padding: 40px 24px; } .journal-grid { gap: 14px; } .journal-grid figcaption { font-size: .7rem; } }
@media (max-width: 540px) { .store-products { grid-template-columns: 1fr; } .product-photo img { aspect-ratio: 1; } .store-hero h1 { font-size: 3rem; } .wordmark strong { font-size: 1.5rem; } .category-filter { gap: 6px 18px; font-size: .9rem; } }