/* Industry surfaces — patterns and material, not color-only. Merchant theme tokens still win for brand colors. */

.store-look-grocery {
  --look-paper: #f6f2e8;
  --card: #fffdf8;
  background-color: var(--look-paper);
  background-image:
    radial-gradient(ellipse at 12% -10%, rgba(72, 130, 62, 0.14), transparent 42%),
    radial-gradient(ellipse at 92% 0%, rgba(196, 92, 42, 0.1), transparent 38%),
    repeating-linear-gradient(0deg, transparent, transparent 11px, rgba(80, 70, 40, 0.035) 11px, rgba(80, 70, 40, 0.035) 12px);
}

.store-look-qsr {
  --look-paper: #fff6ea;
  --card: #fffaf3;
  background-color: var(--look-paper);
  background-image:
    repeating-linear-gradient(135deg, rgba(200, 16, 46, 0.05) 0 8px, transparent 8px 16px),
    repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0 2px, transparent 2px 10px);
}

.store-look-qsr .store-top {
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.18);
}

.store-look-retail {
  --look-paper: #f3f1ee;
  --card: #ffffff;
  background-color: var(--look-paper);
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.65), transparent 28%),
    repeating-linear-gradient(90deg, transparent, transparent 47px, rgba(20, 24, 32, 0.035) 47px, rgba(20, 24, 32, 0.035) 48px);
}

.store-look-retail .store-brand__name {
  letter-spacing: 0.04em;
}

.store-look-franchise {
  --look-paper: var(--bg, #f4f6f8);
  --card: #ffffff;
  --text: #1b1e24;
  --muted: #5a6478;
  --border: #d8dee8;
  background-color: var(--look-paper);
  color: var(--text);
}

.store-look-auto {
  --look-paper: #1b1e24;
  --card: #2a2f38;
  --text: #e8eaed;
  --muted: #a8b0bc;
  --border: #3d4450;
  --bg: #1b1e24;
  background-color: #1b1e24;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.035) 0 2px, transparent 2px 9px),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.02) 0 2px, transparent 2px 9px);
  color: var(--text);
}

.store-look-franchise .card,
.store-look-franchise .store-main .card {
  background: var(--card);
  border-color: var(--border);
}

.store-look-auto .card,
.store-look-auto .store-main .card {
  background: var(--card);
  border-color: var(--border);
  color: var(--text);
}

.store-look-auto .store-footer {
  background: #12141a;
  color: #c5cad3;
}

.store-look-property {
  --look-paper: #f4f0e8;
  --card: #fffcf7;
  background-color: var(--look-paper);
  background-image:
    linear-gradient(90deg, rgba(40, 36, 28, 0.04) 1px, transparent 1px),
    linear-gradient(rgba(40, 36, 28, 0.04) 1px, transparent 1px);
  background-size: 48px 48px;
}

.store-look-property h1,
.store-look-property .store-brand__name {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.02em;
}

.store-look-warehouse {
  --look-paper: #ece8e1;
  --card: #f7f5f0;
  background-color: var(--look-paper);
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 23px, rgba(0, 0, 0, 0.05) 23px, rgba(0, 0, 0, 0.05) 24px);
}

.store-look-warehouse .store-brand__name {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.05rem;
}

.store-look-office {
  --look-paper: #eef1f5;
  --card: #ffffff;
  background-color: var(--look-paper);
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 27px, rgba(40, 60, 90, 0.06) 27px, rgba(40, 60, 90, 0.06) 28px);
}

.store-look-utility {
  --look-paper: #e8eef2;
  --card: #ffffff;
  background-color: var(--look-paper);
  background-image:
    radial-gradient(circle at 1px 1px, rgba(20, 40, 60, 0.12) 1px, transparent 0);
  background-size: 18px 18px;
}

.store-look-grocery .card,
.store-look-qsr .card,
.store-look-retail .card,
.store-look-property .card,
.store-look-warehouse .card,
.store-look-office .card,
.store-look-utility .card {
  background: var(--card);
}

.store-look-grocery .store-main,
.store-look-qsr .store-main,
.store-look-retail .store-main,
.store-look-franchise .store-main,
.store-look-auto .store-main,
.store-look-property .store-main,
.store-look-warehouse .store-main,
.store-look-office .store-main,
.store-look-utility .store-main {
  position: relative;
}