:root {
  --nota-ochre: #9f4d27;
  --nota-orange: #d06b31;
  --nota-mustard: #dda92f;
  --nota-cream: #fff3db;
  --nota-brown: #4c2718;
}

.nota-bene-page { background: var(--nota-cream); color: var(--nota-brown); }
.nota-bene-page .site-header { background: rgba(255, 243, 219, .94); border-bottom-color: rgba(76, 39, 24, .14); }
.nota-bene-page .site-header nav a { color: var(--nota-brown); }
.nota-bene-page .site-header nav a[aria-current="page"] { color: var(--nota-orange); }
.nota-bene-page .eyebrow { color: var(--nota-orange); }
.nota-bene-map-link { background: var(--nota-mustard); color: var(--nota-brown); text-decoration: none; }

.nota-bene-hero {
  align-items: center;
  background:
    radial-gradient(circle at 82% 18%, rgba(221, 169, 47, .75), transparent 19rem),
    linear-gradient(135deg, var(--nota-ochre), #b85c2c 62%, var(--nota-orange));
  color: #fff9ed;
  display: grid;
  gap: clamp(2rem, 7vw, 7rem);
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  min-height: 540px;
}
.nota-bene-hero .eyebrow { color: #ffd87d; }
.nota-bene-hero h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.2rem, 7vw, 7rem); letter-spacing: -.055em; line-height: .94; margin: 1rem 0 1.5rem; }
.nota-bene-hero h1 em { color: #ffd87d; font-weight: 400; }
.nota-bene-hero > div > p:last-child { color: rgba(255, 249, 237, .82); line-height: 1.8; max-width: 700px; }
.nota-bene-address { background: rgba(255, 243, 219, .95); border: 1px solid rgba(255, 255, 255, .5); border-radius: 28px; box-shadow: 0 28px 70px rgba(76, 39, 24, .22); color: var(--nota-brown); padding: 2rem; }
.nota-bene-address > span { color: var(--nota-orange); font-size: 2.5rem; }
.nota-bene-address p { line-height: 1.75; }
.nota-bene-address a { color: var(--nota-ochre); font-size: .78rem; font-weight: 800; text-transform: uppercase; }

.nota-bene-stock { padding-bottom: 7rem; }
.nota-bene-stock .section-heading h2 { color: var(--nota-brown); }
.nota-bene-stock .product-card { background: #fffaf0; border-radius: 22px; box-shadow: 0 18px 50px rgba(76, 39, 24, .09); overflow: hidden; padding-bottom: 1.25rem; }
.nota-bene-stock .product-card > :not(.product-image-wrap) { margin-left: 1.25rem; margin-right: 1.25rem; }
.nota-bene-stock .product-image-wrap { background: #edc47b; }
.nota-bene-availability { background: var(--nota-mustard); border-radius: 999px; bottom: .8rem; color: var(--nota-brown); font-size: .66rem; font-weight: 900; left: .8rem; padding: .5rem .75rem; position: absolute; text-transform: uppercase; z-index: 4; }
.nota-bene-product:has(.product-photo-count) .nota-bene-availability { bottom: 3rem; }
.nota-bene-price { color: var(--nota-ochre); font-family: Georgia, "Times New Roman", serif; font-size: 1.3rem; }
.nota-bene-product .product-footer { align-items: center; border-top-color: rgba(76, 39, 24, .13); }
.nota-bene-product .product-footer span { color: #80553e; font-size: .68rem; text-transform: uppercase; }
.nota-bene-empty, .nota-bene-error, .nota-bene-loading { color: #80553e; grid-column: 1 / -1; padding: 5rem 1rem; text-align: center; }
.nota-bene-empty span { color: var(--nota-mustard); font-size: 2.5rem; }
.nota-bene-empty h2 { color: var(--nota-brown); font-family: Georgia, "Times New Roman", serif; font-size: 2.3rem; }
.nota-bene-footer { background: var(--nota-brown); }

@media (max-width: 980px) {
  .nota-bene-hero { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .nota-bene-map-link { font-size: .64rem; }
  .nota-bene-map-link::before { content: none; }
}
@media (max-width: 640px) {
  .nota-bene-page .site-header nav { display: none; }
  .nota-bene-hero { min-height: 580px; }
}