/* PrintHub.GY — bold black / orange / white (reference: client Facebook banner). */
:root {
  --primary: #111111; --accent: #f26a2e; --on-accent: #ffffff; --on-primary: #ffffff;
  --ink: #141414; --muted: #5a5f66; --line: #e6e6e6; --surface: #f4f4f5; --surface-2: #e9e9eb;
  --font-display: "Montserrat", "Arial Black", Arial, sans-serif; --font-body: "Inter", system-ui, sans-serif;
  --radius: 10px; --radius-sm: 6px;
  --topbar-bg: #f26a2e; --topbar-ink: #111; --header-bg: #111111; --header-ink: #ffffff; --header-line: rgba(255,255,255,.2);
  --hero-bg: #111111; --hero-ink: #ffffff; --hero-muted: rgba(255,255,255,.8);
  --strip-bg: #1b1b1b; --strip-ink: #fff; --hl-icon-bg: rgba(242,106,46,.18); --dark-bg: #111111;
  --drawer-bg: #111; --drawer-ink: #fff; --drawer-line: #2a2a2a; --drawer-active: #222; --drawer-foot: #0b0b0b;
  --footer-bg: #0b0b0b; --cta-bg: #f26a2e; --scard-ratio: 1; --scard-icon-bg: #111; --scard-icon: #f26a2e;
}
h1, h2 { text-transform: uppercase; letter-spacing: .01em; }
.hero--split .hero__kicker { color: #ffb48a; }
.hero--split .hero__inner > .btn-row .btn--outline, .hero__actions .btn--outline { color: #fff; }
.hl-strip { border: 0; }
.cta .btn--primary { background: #111; border-color: #111; color: #fff; } .cta .btn--outline { color: #fff; }
.why__num { color: #f26a2e; }
.brand img { height: 58px; } .footer__logo { height: 64px; }
.section--dark .scard { --card-bg: #1b1b1b; border-color: #2a2a2a; } .section--dark .scard h3 { color: #fff; } .section--dark .scard p { color: rgba(255,255,255,.75); } .section--dark .scard .link-arrow { color: #ffb48a; }
.gcard__body h3 { text-transform: none; }

/* ---- limited edition offer band ---- */
.section--offer { padding: 0; }
.offer { display: grid; grid-template-columns: minmax(0, 460px) minmax(0, 1fr); align-items: stretch; background: #111; border-radius: var(--radius); overflow: hidden; }
.offer--noimg { grid-template-columns: 1fr; text-align: center; }
/* the tote flyer is portrait (4:5) and carries its own text — show it whole, never crop it */
.offer__media { display: flex; align-items: center; background: #111; }
.offer__media img { display: block; width: 100%; height: auto; aspect-ratio: 1122 / 1402; object-fit: contain; }
.offer__body { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 48px 44px; color: #fff; }
.offer--noimg .offer__body { align-items: center; padding: 56px 24px; }
.offer__body h2 { color: #fff; }
.offer__detail { margin: 0; color: rgba(255, 255, 255, .8); font-size: 1.05rem; }
.offer__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin: 6px 0 10px; }
.offer__amount { font-family: var(--font-display); font-weight: 900; font-size: clamp(2rem, 4.4vw, 3rem); line-height: 1; color: var(--accent); }
.offer__unit { color: rgba(255, 255, 255, .7); font-size: .95rem; }
.offer .btn-row { display: flex; }
.scard__body p:empty { display: none; }
@media (max-width: 860px) { .offer { grid-template-columns: 1fr; } .offer__body { padding: 34px 22px; } }

/* ---- footer credit badge ---- */
.hours-line { display: block; }
/* Divi Hosting credit — inline in the footer bottom bar, as on our other client sites */
.footer__bottom .site-credit a { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.footer__bottom .site-credit a:hover { color: var(--accent); }
