/* Pawnderosa redesign (TEST COPY, 2026-11-11). Self-contained: does not depend on css/styles.css.
   pdh = shared header, pdb = phone bottom bar, pdx = sell cross-link card,
   pdm = home page, pds = sell-or-pawn page, pdf = footer on the two new pages. */
:root {
  --pd-bg: #faf9f6; --pd-alt: #f5f3ef; --pd-white: #ffffff; --pd-ink: #1a1a1a; --pd-ink2: #4a463f;
  --pd-muted: #666666; --pd-line: #e5e2dc; --pd-gold: #c9a227; --pd-gold-dark: #8b6914; --pd-gold-light: #e8d48a; --pd-gold-ink: #8b6914;
  --pd-gold-grad: linear-gradient(135deg, #c9a227 0%, #8b6914 100%);
  --pd-gold-shadow: 0 4px 18px rgba(201, 162, 39, 0.24);
  --pd-dark: #1c1b19; --pd-open: #1e6b3a;
  --pd-display: 'Outfit', 'Inter', system-ui, sans-serif;
  --pd-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pdh-h: 73px;
}
@media (max-width: 860px) { :root { --pdh-h: 101px; } }

/* ---------- shared header (every page) ---------- */
.pdh { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-sizing: border-box; height: var(--pdh-h);
  background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--pd-line); font-family: var(--pd-body); }
.pdh.scrolled { box-shadow: 0 2px 12px rgba(0, 0, 0, .08); }
.pdh *, .pdh *::before, .pdh *::after { box-sizing: border-box; }
.pdh a { text-decoration: none; color: var(--pd-ink); }
.pdh-in { max-width: 1200px; margin: 0 auto; padding: 0 24px; height: 72px; display: flex; align-items: center; gap: 12px; }
.pdh-logo { font-family: var(--pd-display); font-weight: 700; font-size: 1.75rem; line-height: 1; margin-right: 20px; color: #8b6914 !important; }
.pdh-logo span { color: #c9a227; }
.pdh-nav { display: flex; gap: 4px; margin-right: auto; }
.pdh-nav a { display: flex; align-items: center; height: 44px; padding: 0 14px; border-radius: 8px; font-weight: 600; font-size: 15px; line-height: 1; }
.pdh-nav a:hover { background: var(--pd-alt); }
.pdh-nav a[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--pd-gold); border-radius: 0; }
.pdh-act { display: flex; align-items: center; gap: 8px; }
.pdh-ico { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--pd-line); border-radius: 10px; }
.pdh-ico svg { display: block; }
.pdh-phone { font-weight: 600; font-size: 15px; white-space: nowrap; padding: 0 6px; }
.pdh-dir { display: flex; align-items: center; height: 44px; padding: 0 16px; border-radius: 10px; background: var(--pd-gold-grad); color: #ffffff !important; font-weight: 700; font-size: 15px; white-space: nowrap; }
.pdh .nav-links, .pdh .mobile-menu-btn { display: none !important; }
.pdh-spacer { display: none; }
.pdh-spacer.full { display: block; height: var(--pdh-h); }
@media (min-width: 861px) { .pdh-ico { display: none; } }
@media (max-width: 860px) {
  .pdh-in { height: 56px; padding: 0 16px; }
  .pdh-logo { font-size: 22px; margin-right: auto; }
  .pdh-nav { position: absolute; left: 0; right: 0; top: 56px; height: 44px; margin: 0; padding: 0 16px; gap: 0; background: #ffffff; border-top: 1px solid #f0ede6; }
  .pdh-nav a { flex: 1; justify-content: center; padding: 0; border-radius: 0; }
  .pdh-phone, .pdh-dir { display: none; }
  .pdh-spacer { display: block; height: 20px; }
}

/* ---------- phone bottom bar ---------- */
.pdb { display: none; }
@media (max-width: 860px) {
  .pdb { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    background: #ffffff; border-top: 1px solid var(--pd-line); padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px)); font-family: var(--pd-body); box-sizing: border-box; }
  .pdb a { height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--pd-ink);
    font-weight: 600; font-size: 14px; line-height: 1; text-decoration: none; color: var(--pd-ink); box-sizing: border-box; }
  .pdb a.pdb-main { background: var(--pd-gold-grad); border-color: var(--pd-gold-dark); color: #ffffff; font-weight: 700; }
  body.pd-has-bar { padding-bottom: calc(65px + env(safe-area-inset-bottom, 0px)); }
}

/* ---------- sell cross-link card (item + department pages) ---------- */
.pdx { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0; padding: 14px 16px; background: var(--pd-alt);
  border: 1px solid var(--pd-line); border-radius: 12px; text-decoration: none; color: var(--pd-ink); font-family: var(--pd-body); }
.pdx b { display: block; font-weight: 600; font-size: 15px; line-height: 1.35; }
.pdx span { display: block; font-size: 13px; line-height: 1.4; color: var(--pd-muted); }
.pdx svg { flex: 0 0 18px; }

/* LIVE BUG found 2026-11-11, patched here for the test copy only: on phones `.it-grid` is one `1fr` column,
   which cannot shrink below the thumbnail strip, so an item with 5+ photos scrolls sideways (417px at 390). */
.it-grid > * { min-width: 0; }

/* ---------- base for the two new pages ---------- */
html.pd-html { scroll-behavior: smooth; }
.pd-page { margin: 0; padding-top: var(--pdh-h); background: var(--pd-bg); color: var(--pd-ink); font-family: var(--pd-body); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.pd-page *, .pd-page *::before, .pd-page *::after { box-sizing: border-box; }
.pd-page img { display: block; max-width: 100%; }
.pd-page a { color: inherit; text-decoration: none; }
.pd-page h1, .pd-page h2, .pd-page h3, .pd-page h4, .pd-page p { margin: 0; }
.pd-wrap { max-width: 1120px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
.pd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pd-h2 { font-family: var(--pd-display); font-weight: 600; font-size: 22px; line-height: 1.25; }
.pd-sub { margin-top: 4px !important; font-size: 14px; color: var(--pd-muted); }
.pd-sec { padding-top: 28px; padding-bottom: 28px; }   /* never the shorthand: it would zero .pd-wrap's side gutter */
.pd-band { background: var(--pd-alt); border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 18px; border-radius: 10px; border: 1px solid transparent;
  font-family: inherit; font-weight: 700; font-size: 15px; line-height: 1.2; text-align: center; cursor: pointer; }
.pd-btn svg { flex: 0 0 auto; }
.pd-btn.gold { background: var(--pd-gold-grad); color: #ffffff; }
.pd-btn.line { background: transparent; border-color: var(--pd-ink); font-weight: 600; }
.pd-btn.ghost { background: transparent; border-color: #6f6a5f; color: #faf9f6; font-weight: 600; }
.pd-btn.big { min-height: 52px; }
.pd-two { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.pd-box { background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px; padding: 16px; }
.pd-box h3 { font-family: var(--pd-display); font-weight: 600; font-size: 17px; line-height: 1.3; margin-bottom: 4px; }
.pd-box p { font-size: 14px; color: var(--pd-ink2); }
.pd-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.pd-steps li { display: flex; gap: 12px; align-items: flex-start; }
.pd-steps i { flex: 0 0 32px; height: 32px; border-radius: 50%; background: var(--pd-dark); color: #faf9f6; display: flex; align-items: center; justify-content: center;
  font-style: normal; font-weight: 700; font-size: 14px; }
.pd-steps b { display: block; font-weight: 600; line-height: 1.35; }
.pd-steps span { display: block; font-size: 13px; line-height: 1.4; color: var(--pd-muted); }
.pd-faq details { border-top: 1px solid var(--pd-line); }
.pd-faq details:last-of-type { border-bottom: 1px solid var(--pd-line); }
.pd-faq summary { padding: 15px 0; font-weight: 600; cursor: pointer; }
.pd-faq details p { margin: 0 0 14px; font-size: 14px; color: var(--pd-ink2); max-width: 640px; }
.pd-faq details a { color: var(--pd-gold-ink); font-weight: 600; }
@media (min-width: 700px) {
  .pd-two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
  .pd-steps.row3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
}
@media (min-width: 861px) {
  .pd-wrap { padding-left: 24px; padding-right: 24px; }
  .pd-h2 { font-size: 28px; }
  .pd-sec { padding-top: 44px; padding-bottom: 44px; }
}

/* ---------- home ---------- */
.pdm-hero { padding: 24px 0 20px; }
.pdm-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pd-gold-ink); margin-bottom: 10px !important; }
.pdm-h1 { font-family: var(--pd-display); font-weight: 700; font-size: 30px; line-height: 1.13; letter-spacing: -.01em; max-width: 700px; text-wrap: balance; margin-bottom: 12px !important; }
.pdm-h1 .pdm-eyebrow { display: block; font-family: var(--pd-body); line-height: 1.4; }
.pdm-h1 .pdm-tag { display: block; color: var(--pd-gold); }
.pdm-open { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--pd-ink2); }
.pdm-open::before { content: ""; flex: 0 0 9px; width: 9px; height: 9px; border-radius: 50%; background: #8a8378; }
.pdm-open.on { color: var(--pd-open); }
.pdm-open.on::before { background: var(--pd-open); }
.pdm-addr { display: inline-block; margin-top: 4px; padding: 4px 0; color: var(--pd-muted); }
.pdm-doors { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 20px; }
.pdm-door { background: #ffffff; border: 1px solid var(--pd-line); border-radius: 14px; padding: 16px; }
.pdm-door h2 { font-family: var(--pd-display); font-weight: 600; font-size: 18px; line-height: 1.3; margin-bottom: 4px; }
.pdm-door p { font-size: 14px; color: var(--pd-muted); margin-bottom: 12px; }
.pdm-door.dark { background: var(--pd-dark); border-color: var(--pd-dark); color: #faf9f6; }
.pdm-door.dark p { color: #d6d0c3; }
.pdm-search { display: flex; gap: 8px; }
.pdm-door { min-width: 0; }
.pdm-search input { flex: 1 1 0; width: 0; min-width: 0; height: 48px; padding: 0 14px; border: 1px solid #cfc9bc; border-radius: 10px; background: var(--pd-bg);
  font-family: inherit; font-size: 16px; color: var(--pd-ink); -webkit-appearance: none; appearance: none; }
.pdm-search input:focus { outline: 2px solid var(--pd-gold-ink); outline-offset: 1px; }
.pdm-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; font-size: 12px; color: var(--pd-muted); }
.pdm-quick span { font-weight: 600; margin-right: 2px; }
.pdm-quick a { padding: 3px 9px; border-radius: 999px; background: var(--pd-alt); border: 1px solid var(--pd-line); font-weight: 500; color: var(--pd-ink2); transition: border-color .15s; }
.pdm-quick a:hover { border-color: var(--pd-gold); }
.pdm-door-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.pdm-door-btns .pd-btn { flex: 1 1 140px; }
.pdm-trust { background: #ffffff; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pdm-trust ul { list-style: none; margin: 0; padding: 14px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; text-align: center; }
.pdm-trust b { display: block; font-size: 14px; line-height: 1.3; white-space: nowrap; }
.pdm-trust span { display: block; font-size: 12px; line-height: 1.35; color: var(--pd-muted); }
.pdm-depts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.pdm-tile { display: flex; flex-direction: column; background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px; overflow: hidden; transition: border-color .15s, transform .15s; }
.pdm-tile:hover { border-color: var(--pd-gold); transform: translateY(-2px); }
.pdm-tile img { width: 100%; height: 92px; object-fit: cover; background: var(--pd-alt); }
.pdm-tile div { padding: 8px 10px 10px; }
.pdm-tile b { display: block; font-weight: 600; font-size: 14px; line-height: 1.3; min-height: 2.6em; }
.pdm-tile span { display: block; margin-top: 2px; font-size: 12px; color: var(--pd-muted); }
.pdm-all { width: 100%; margin-top: 16px; }
.pdm-rowhead { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.pdm-rowhead a { padding: 12px 0; font-size: 14px; font-weight: 600; color: var(--pd-gold-ink) !important; }
.pdm-row { display: flex; gap: 12px; overflow-x: auto; margin: 4px -16px 0; padding: 4px 16px 12px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.pdm-card { flex: 0 0 156px; scroll-snap-align: start; display: flex; flex-direction: column; background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px; overflow: hidden; transition: border-color .15s; }
.pdm-card:hover { border-color: var(--pd-gold); }
.pdm-card img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; background: #ffffff; }   /* height:auto beats the img height attribute */
.pdm-card div { flex: 1; display: flex; flex-direction: column; gap: 4px; padding: 8px 10px 10px; }
.pdm-card span { flex: 1; font-size: 13px; line-height: 1.4; }
.pdm-card b { font-size: 15px; }
.pdm-lead { margin-top: 8px !important; max-width: 620px; color: var(--pd-ink2); }
.pdm-gap { margin-top: 20px; }
.pdm-label { margin: 20px 0 8px !important; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pd-muted); }
.pdm-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pdm-chips li { height: 32px; padding: 0 12px; display: flex; align-items: center; background: #ffffff; border: 1px solid var(--pd-line); border-radius: 16px; font-size: 13px; }
.pdm-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.pdm-cta .pd-btn { flex: 1 1 240px; max-width: 420px; }
.pdm-rating { display: flex; align-items: center; gap: 6px; margin-top: 6px !important; font-size: 14px; color: var(--pd-ink2); }
.pdm-quote { margin: 0; background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px; padding: 16px; }
.pdm-quote blockquote { margin: 0 0 8px; font-size: 15px; line-height: 1.5; }
.pdm-quote figcaption { font-size: 13px; color: var(--pd-muted); }
.pdm-more { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 12px; font-weight: 600; color: var(--pd-gold-ink) !important; }
.pdm-visit { background: #ffffff; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); scroll-margin-top: var(--pdh-h); }
.pdm-visit-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 12px; }
.pdm-photo { margin: 0; height: 200px; border-radius: 12px; overflow: hidden; border: 1px solid var(--pd-line); background: var(--pd-alt); }
.pdm-photo img { width: 100%; height: 100%; object-fit: cover; }
.pdm-visit address { font-style: normal; margin-bottom: 12px; }
.pdm-visit address b { display: block; }
.pdm-hours { margin: 0 0 16px; max-width: 320px; }
.pdm-hours div { display: flex; justify-content: space-between; gap: 12px; padding: 2px 0; }
.pdm-hours dt, .pdm-hours dd { margin: 0; }
.pdm-hours dd { font-weight: 600; }
.pdm-visit-btns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: 420px; }
.pdm-visit-btns .pd-btn { padding: 0 8px; font-size: 14px; }
.pdm-near { margin-top: 12px !important; font-size: 13px; color: var(--pd-muted); }
.pdm-cust { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 12px; }
.pdm-cust > div, .pdm-cust > a { min-height: 72px; display: flex; flex-direction: column; justify-content: center; background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px; padding: 14px 16px; }
.pdm-cust > a.pdm-cust-link { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; transition: border-color .15s; }
.pdm-cust > a.pdm-cust-link:hover { border-color: var(--pd-gold); }
.pdm-cust > a.pdm-cust-link svg { flex: 0 0 18px; color: var(--pd-gold-ink); }
.pdm-cust b { display: block; font-weight: 600; }
.pdm-cust span { display: block; font-size: 13px; color: var(--pd-muted); }
@media (min-width: 620px) {
  .pdm-depts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pdm-cust { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (min-width: 861px) {
  .pdm-hero { padding: 48px 0 36px; }
  .pdm-h1 { font-size: 46px; }
  .pdm-doors { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; margin-top: 28px; }
  .pdm-door { padding: 24px; }
  .pdm-door h2 { font-size: 22px; }
  .pdm-depts { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
  .pdm-tile img { height: 130px; }
  .pdm-all { width: auto; }
  .pdm-row { margin: 4px 0 0; padding: 4px 0 12px; }
  .pdm-card { flex-basis: 200px; }
  .pdm-visit-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 32px; align-items: center; }
  .pdm-photo { height: 270px; }
}

/* ---------- sell or pawn ---------- */
.pds-hero { padding: 24px 0; }
.pds-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: center; }
.pds-hero-img { margin: 0; border-radius: 14px; overflow: hidden; border: 1px solid var(--pd-line); background: var(--pd-alt); height: 190px; }
.pds-hero-img img { width: 100%; height: 100%; object-fit: cover; }
.pds-h1 { font-family: var(--pd-display); font-weight: 700; font-size: 28px; line-height: 1.2; letter-spacing: -.01em; text-wrap: balance; margin-bottom: 10px !important; }
.pds-hero p.pds-lead { max-width: 560px; color: var(--pd-ink2); margin-bottom: 16px; }
.pds-note { margin-top: 10px !important; font-size: 13px; color: var(--pd-muted); }
.pds-checks { list-style: none; margin: 10px 0 0; padding: 0; font-size: 14px; }
.pds-checks li { display: flex; gap: 8px; padding: 3px 0; }
.pds-checks svg { flex: 0 0 18px; margin-top: 2px; }
.pds-how { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px 32px; margin-top: 12px; }
.pds-settle { background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px; padding: 16px; font-size: 14px; color: var(--pd-ink2); }
.pds-take { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 32px; }
.pds-take li { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-top: 1px solid var(--pd-line); }
.pds-take li img { flex: 0 0 68px; width: 68px; height: 52px; border-radius: 8px; object-fit: cover; border: 1px solid var(--pd-line); background: var(--pd-alt); }
.pds-take b { display: block; font-weight: 600; }
.pds-take span { display: block; font-size: 13px; color: var(--pd-muted); }
.pds-foot { margin-top: 0 !important; padding-top: 12px; border-top: 1px solid var(--pd-line); font-size: 14px; color: var(--pd-ink2); }
.pds-more a { display: flex; align-items: center; gap: 14px; min-height: 76px; background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px; padding: 12px 16px; transition: border-color .15s; }
.pds-more a:hover { border-color: var(--pd-gold); }
.pds-more a img { flex: 0 0 68px; width: 68px; height: 52px; border-radius: 8px; object-fit: cover; border: 1px solid var(--pd-line); background: var(--pd-alt); }
.pds-more a > div { flex: 1; min-width: 0; }
.pds-more b { display: block; font-weight: 600; }
.pds-more span { display: block; font-size: 13px; color: var(--pd-muted); }
.pds-more svg { flex: 0 0 18px; }
.pds-dark { background: var(--pd-dark); color: #faf9f6; }
.pds-dark p { margin: 8px 0 16px; font-size: 14px; color: #d6d0c3; }
.pds-dark .pdm-cta { margin-top: 0; }
@media (min-width: 861px) {
  .pds-hero { padding: 44px 0 36px; }
  .pds-hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr); gap: 32px; }
  .pds-hero-img { height: 260px; }
  .pds-h1 { font-size: 42px; }
  .pds-how { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; }
  .pds-take { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

/* ---------- footer on the two new pages ---------- */
.pdf { background: var(--pd-dark); color: #f3f0ea; }
.pdf a { color: #f3f0ea !important; }
.pdf-in { padding-top: 32px; padding-bottom: 24px; }
.pdf-logo { font-family: var(--pd-display); font-weight: 700; font-size: 1.75rem; line-height: 1.2; color: #ffffff; }
.pdf-logo span { color: #c9a227; }
.pdf-nap { margin: 8px 0 20px !important; font-size: 13px; color: #c9c3b6; }
.pdf-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
.pdf-cols h4 { margin-bottom: 4px !important; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #c9c3b6; }
.pdf-cols a { display: block; padding: 6px 0; font-size: 14px; }
.pdf-legal { margin-top: 20px !important; font-size: 12px; color: #c9c3b6; }
@media (min-width: 700px) { .pdf-cols { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ===== after-review fixes 2026-11-11 (keep at the end of the file) ===== */
/* Shared footer on the old sell pages: their own `footer { text-align:center; padding; font-size; color }` rule and
   the browser's default link underline were leaking into it. */
footer.pdf, .pdf { text-align: left; padding: 0; font-size: 16px; line-height: 1.5; font-family: var(--pd-body); }
.pdf a { text-decoration: none; }
/* Old sell pages on a phone: the bottom bar already has Call and Directions, so the top of the page keeps only
   the Text a Photo button instead of showing all three twice. */
@media (max-width: 860px) {
  body.pd-has-bar .cta-buttons > a:not([href^="sms:"]), body.pd-has-bar .cta-group > a:not([href^="sms:"]) { display: none !important; }
}

/* ===== store search notice 2026-11-11 (store_notice.js; keep at the end of the file) ===== */
.pd-hp { margin: 12px 0 6px; padding: 14px 16px; border: 2px solid var(--pd-gold); border-radius: 12px; background: #fffaf0;
  font-family: var(--pd-body); color: var(--pd-ink); text-align: left; }
.pd-hp[hidden] { display: none !important; }
.pd-hp b { display: block; font-family: var(--pd-display); font-weight: 700; font-size: 17px; line-height: 1.3; color: var(--pd-ink); }
.pd-hp span { display: block; margin: 4px 0 12px; font-size: 14px; line-height: 1.45; color: var(--pd-ink2); }
.pd-hp .pd-btn { width: 100%; box-sizing: border-box; text-decoration: none; overflow-wrap: anywhere; padding-top: 8px; padding-bottom: 8px; }
@media (min-width: 700px) { .pd-hp .pd-btn { width: auto; } }
.pdm-door .pd-hp { margin-bottom: 0; }
.pd-none-store a { font-weight: 600; text-decoration: underline; }

/* ===== estimate starter on the Sell or Pawn page 2026-11-12 (keep at the end of the file) ===== */
.pds-est-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pds-est-chips button { font: inherit; font-size: 14px; font-weight: 600; padding: 10px 14px; min-height: 44px; border-radius: 999px;
  border: 1.5px solid var(--pd-line); background: #ffffff; color: var(--pd-ink); cursor: pointer; }
.pds-est-chips button:hover { border-color: var(--pd-gold); }
.pds-est-chips button.on { background: var(--pd-dark); border-color: var(--pd-dark); color: #faf9f6; }
.pds-est-panel { margin-top: 14px; padding: 16px; border: 1px solid var(--pd-line); border-radius: 12px; background: #ffffff; }
.pds-est-panel[hidden] { display: none; }
.pds-est-tip { font-size: 15px; color: var(--pd-ink2); margin: 0 !important; }
.pds-est-panel .pds-note { margin-bottom: 0 !important; }
.pds-est-panel [hidden] { display: none !important; }

/* ===== fuller "What to bring" list 2026-11-12 (keep at the end of the file) ===== */
.pds-bring { font-size: 15px; }
.pds-bring li { padding: 7px 0; border-top: 1px solid var(--pd-line); }
.pds-bring li:first-child { border-top: 0; }
.pds-bring b { font-weight: 600; color: var(--pd-ink); }
.pds-bring span { color: var(--pd-ink2); }
@media (min-width: 700px) {
  .pds-bring { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 32px; }
  .pds-bring li:nth-child(2) { border-top: 0; }
}

/* ===== "How a pawn works" without the side note 2026-11-12 (keep at the end of the file) ===== */
/* The note that sat beside the steps is gone (Nick), so on a wide screen the four steps use both columns. */
@media (min-width: 861px) {
  .pds-how { display: block; }
  .pds-how .pd-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 40px; }
  .pds-how .pd-steps li { margin: 0; }
}

/* ===== readability pass 2026-11-13 (keep at the end of the file) ===== */
/* Nothing a customer has to read is under 14px. It was 12 to 13px in a dozen places. */
.pdx span, .pd-steps span, .pdm-card span, .pdm-quote figcaption, .pdm-near, .pdm-cust span, .pds-note,
.pds-take span, .pds-more span, .pdm-trust span, .pdm-tile span, .pdf-nap, .pdm-chips li { font-size: 14px; }
.pdf-cols h4, .pdf-legal { font-size: 13px; }
.pdm-door p, .pd-box p, .pd-sub, .pds-dark p { font-size: 15px; }
/* Shop card: the one line for Hunting and Personal Protection (same words and link as the tile). */
.pdm-hp { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; padding-top: 12px;
  border-top: 1px solid var(--pd-line); font-size: 14px; font-weight: 600; color: var(--pd-ink2) !important; text-decoration: none; }
.pdm-hp svg { flex: 0 0 18px; color: var(--pd-gold-ink); }
.pdm-layaway { margin-top: 16px !important; padding: 14px 16px; background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px;
  font-size: 15px; color: var(--pd-ink2); }
/* Restyled gold and console pages. */
.pds-fact { margin-top: 16px !important; padding: 14px 16px; background: #ffffff; border: 1px solid var(--pd-line); border-radius: 12px;
  font-size: 15px; color: var(--pd-ink2); }
.pds-trustline { margin-top: 8px !important; font-size: 14px; font-weight: 600; color: var(--pd-ink2); }
.pds-take li > div { flex: 1; min-width: 0; }

/* ===== home doors 2026-11-13 (keep at the end of the file) ===== */
/* Side by side on a wide screen the dark card was taller than its content; its buttons now sit on the bottom edge. */
@media (min-width: 861px) {
  .pdm-door { display: flex; flex-direction: column; }
  .pdm-door.dark .pdm-door-btns { margin-top: auto; }
}

/* ===== home hero 2026-11-13 (keep at the end of the file) ===== */
/* One hero and three cards, from Antigravity's draft; Nick: "GO", "feels less wordy on the home screen". */
.pdd-hero { padding: 20px 0 24px; background: linear-gradient(135deg, var(--pd-bg) 0%, var(--pd-alt) 100%); border-bottom: 1px solid var(--pd-line); }
.pdd-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.pdd-hero-grid > * { min-width: 0; }
.pdd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin-bottom: 10px; font-size: 14px; }
.pdd-meta .pdm-addr { margin-top: 0; padding: 0; }
.pdd-h1 { font-family: var(--pd-display); font-weight: 700; font-size: 32px; line-height: 1.12; letter-spacing: -.01em; margin-bottom: 10px !important; text-wrap: balance; }
.pdd-h1 .pdm-tag { display: block; color: var(--pd-gold); }
.pdd-lead { font-size: 16px; line-height: 1.5; color: var(--pd-ink2); max-width: 520px; margin-bottom: 16px !important; }
.pdd-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.pdd-actions .pd-btn { flex: 1 1 150px; }
.pdd-search, .pdd-hp { max-width: 520px; }
.pdd-search input { background: #ffffff; }
.pdd-search .pd-btn { background: var(--pd-dark); color: #faf9f6; padding: 0 18px; }
/* The picture: a short banner on a phone (it was hidden there in the draft), the right-hand column on a wide screen. */
.pdd-hero-img { margin: 0; border-radius: 14px; overflow: hidden; border: 1px solid var(--pd-line); background: #ffffff; }
.pdd-hero-img img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; object-position: 50% 42%; }
.pdd-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: 520px; }
.pdd-stat b { display: block; font-family: var(--pd-display); font-size: 21px; font-weight: 700; line-height: 1.15; color: var(--pd-gold-dark); }
.pdd-stat span { display: block; font-size: 14px; color: var(--pd-muted); margin-top: 2px; }
.pdd-how { background: #ffffff; border-bottom: 1px solid var(--pd-line); }
.pdd-cards { list-style: none; margin: 18px 0 20px !important; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.pdd-card { display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 12px; align-items: start; background: var(--pd-bg); border: 1px solid var(--pd-line); border-radius: 14px; padding: 14px 16px; }
.pdd-num { grid-row: 1 / span 2; width: 34px; height: 34px; border-radius: 50%; background: var(--pd-gold-grad); color: #ffffff; font-family: var(--pd-display); font-weight: 700; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; }
.pdd-card h3 { font-family: var(--pd-display); font-weight: 600; font-size: 17px; line-height: 1.3; margin: 0 0 2px !important; }
.pdd-card p { font-size: 14.5px; line-height: 1.45; color: var(--pd-ink2); margin: 0 !important; }
.pdd-how-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; min-height: 44px; font-size: 15px; font-weight: 600; color: var(--pd-gold-ink) !important; text-decoration: none; }
@media (min-width: 700px) {
  .pdd-actions .pd-btn { flex: 0 0 auto; }
  .pdd-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .pdd-card { display: block; padding: 20px; }
  .pdd-num { margin-bottom: 10px; }
}
@media (min-width: 861px) {
  .pdd-hero { padding: 44px 0; }
  .pdd-hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); grid-template-areas: "text img" "stats img"; column-gap: 40px; row-gap: 22px; align-items: center; }
  .pdd-text { grid-area: text; align-self: end; }
  .pdd-stats { grid-area: stats; align-self: start; padding-top: 18px; border-top: 1px solid var(--pd-line); }
  .pdd-hero-img { grid-area: img; border-radius: 18px; box-shadow: 0 12px 32px rgba(0, 0, 0, .10); }
  .pdd-hero-img img { aspect-ratio: 4 / 3; object-position: 50% 50%; }
  .pdd-h1 { font-size: 46px; }
  .pdd-stat b { font-size: 26px; }
}

/* ===== footer columns 2026-11-13 (keep at the end of the file) ===== */
/* Three link columns: Shop, Sell or pawn, Pawnderosa. */
@media (min-width: 700px) { .pdf-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 760px; } }
/* On a phone the third column sat alone under the other two; it now runs across, its links two abreast. */
@media (max-width: 699px) {
  .pdf-cols > div:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: inherit; }
  .pdf-cols > div:last-child h4 { grid-column: 1 / -1; }
}

/* ===== hero paths 2026-11-13 (keep at the end of the file) ===== */
/* Two labelled groups in the Home hero, so selling / pawning and shopping do not read as one clump. */
.pdd-paths { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; max-width: 520px; }
.pdd-path .pdm-label { margin: 0 0 8px !important; }
.pdd-path .pdd-actions { margin-bottom: 0; }
.pdd-path .pdd-hp { margin-top: 10px; padding-top: 10px; }
@media (min-width: 861px) { .pdd-paths { gap: 28px; } }

/* ===== home next 2026-11-13 (keep at the end of the file) ===== */
/* Used only by pages that carry these classes (home.next.html until it is published). */
.pdd-items { margin: 4px 0 0 !important; font-size: 15px; line-height: 1.5; color: var(--pd-ink2); max-width: 760px; }
.pdd-items b { color: var(--pd-ink); font-weight: 600; }
@media (max-width: 699px) {
  .pdd-tight { gap: 0; margin: 14px 0 16px !important; }
  .pdd-tight .pdd-card { grid-template-columns: 28px minmax(0, 1fr); background: none; border: 0; border-top: 1px solid var(--pd-line); border-radius: 0; padding: 10px 0; }
  .pdd-tight .pdd-card:first-child { border-top: 0; padding-top: 0; }
  .pdd-tight .pdd-num { width: 28px; height: 28px; font-size: 14px; }
  .pd-hide-phone { display: none !important; }
}

/* ===== home hero label 2026-11-13 (keep at the end of the file) ===== */
/* The hero picture is a link to the Pawn or Sell page with a tag, a headline, one line and a pill on it (Nick: "I definitely
   want to do those tags on the main hero image"). A phone gets a 1.7:1 crop with the words on a left-to-right shade; a wide
   screen keeps 4:3 with the words along the bottom. No "bring your ID" line on it (Nick, the same night). */
.pdd-cash { position: relative; display: block; isolation: isolate; text-decoration: none; background: #2a2118; }
.pdd-cash img { aspect-ratio: 1.7 / 1; object-position: 50% 34%; }
.pdd-cash::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(18, 14, 8, .86) 0%, rgba(18, 14, 8, .55) 46%, rgba(18, 14, 8, 0) 78%); }
.pdd-cash-tag { position: absolute; top: 12px; left: 12px; z-index: 2; background: var(--pd-gold-grad); color: #ffffff; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; }
.pdd-cash-cap { position: absolute; left: 14px; right: 36%; bottom: 48px; z-index: 2; display: flex; flex-direction: column; gap: 2px; }
.pdd-cash-cap b { font-family: var(--pd-display); font-size: 22px; font-weight: 700; line-height: 1.1; color: #ffffff; white-space: nowrap; }
.pdd-cash-cap > span { font-size: 14px; font-weight: 500; line-height: 1.3; color: var(--pd-gold-light); }
.pdd-nw { white-space: nowrap; }
.pdd-cash-go { position: absolute; left: 14px; bottom: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 2px; height: 28px; padding: 0 8px 0 12px; border-radius: 999px; background: var(--pd-gold-grad); color: #ffffff; font-size: 13px; font-weight: 700; }
.pdd-cash-go svg { width: 16px; height: 16px; }
@media (min-width: 861px) {
  .pdd-cash img { aspect-ratio: 4 / 3; object-position: 50% 50%; }
  .pdd-cash::after { background: linear-gradient(180deg, rgba(18, 14, 8, 0) 45%, rgba(18, 14, 8, .88) 100%); }
  .pdd-cash-tag { top: 16px; left: 16px; font-size: 12.5px; padding: 6px 12px; }
  .pdd-cash-cap { left: 22px; right: 22px; bottom: 70px; }
  .pdd-cash-cap b { font-size: 34px; }
  .pdd-cash-cap > span { font-size: 16px; }
  .pdd-cash-go { left: 22px; bottom: 22px; height: 34px; padding: 0 10px 0 16px; font-size: 14.5px; }
}

/* ===== phone header icons 2026-11-13 (keep at the end of the file) ===== */
/* On a phone the call and text icons beside the logo repeat the bar at the bottom of the screen (Call / Text / Directions),
   so pages that have the bar hide them (Nick 2026-11-13). Pages without the bar (item pages, policy pages) keep them. */
@media (max-width: 860px) { .pd-has-bar .pdh-ico { display: none; } }

/* ===== home first screen 2026-11-13 (keep at the end of the file) ===== */
/* Nick, on the live Home on his phone: "doesn't explain what it is ... I like the search but think maybe should be
   simpler. So many option", then "Go live". The hero is now: open line + address, the name, one sentence on what the
   shop does, the cash picture with its label, then two things to do (Text a photo for a quote, search), then the stats.
   On a phone that order is the page order; on a wide screen the words sit left and the picture right.
   Pages that have the bottom bar also get a one-row header on a phone (logo and menu side by side); the bar already
   has Call / Text / Directions. Pages without the bar keep the two-row header with its icons. */
.pdd-intro, .pdd-acts { min-width: 0; }
.pdd-intro .pdd-lead { margin-bottom: 0 !important; }
.pdd-acts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; max-width: 520px; }
.pdd-acts .pdd-actions { margin: 0; }
.pdd-acts .pdd-actions .pd-btn { flex: 1 1 100%; }
.pdd-acts .pdd-search { max-width: none; }
@media (max-width: 860px) {
  .pdd-hero-grid { gap: 14px; }
  .pd-has-bar { --pdh-h: 57px; }
  .pd-has-bar .pdh-nav { position: static; height: auto; align-self: stretch; align-items: center; margin: 0; padding: 0; gap: 0; background: none; border-top: 0; }
  .pd-has-bar .pdh-nav a { flex: 0 0 auto; height: 100%; padding: 0 9px; font-size: 14.5px; }
  .pd-has-bar .pdh-logo { font-size: 21px; margin-right: auto; }
  /* department and in-stock pages push their content down 95px for the old 101px header; keep the same 14px gap */
  .pd-has-bar main.it-page { padding-top: 51px !important; }
}
@media (max-width: 380px) {
  .pd-has-bar .pdh-in { padding: 0 10px; }
  .pd-has-bar .pdh-nav a { padding: 0 6px; font-size: 14px; }
  .pd-has-bar .pdh-logo { font-size: 19px; }
}
@media (min-width: 861px) {
  .pdd-hero-grid { grid-template-areas: "intro img" "acts img" "stats img"; row-gap: 20px; }
  .pdd-intro { grid-area: intro; align-self: end; }
  .pdd-acts { grid-area: acts; }
  .pdd-acts .pdd-actions .pd-btn { flex: 0 0 auto; }
}

/* ===== footer search 2026-11-13 (keep at the end of the file) ===== */
/* "Search inventory" at the top of the footer, on the pages with the new footer (Nick: "i may put search inventory to the
   bottom", then "make it live"). It searches our own item pages (/item/?q=), like the box in the Home hero. */
.pdf-search { margin: 0 0 24px; padding: 0 0 24px; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.pdf-search label { display: block; margin: 0 0 8px; font-family: var(--pd-display); font-weight: 600; font-size: 18px; line-height: 1.3; color: #ffffff; }
.pdf-search .pdm-search { max-width: 520px; }
.pdf-search input { background: #ffffff; border-color: #ffffff; }
.pdf-search .pd-btn { padding: 0 18px; cursor: pointer; font-family: inherit; }

/* ---- walk-in line 2026-11-14 (Nick): one line under the How it works steps, so texting first doesn't read as required ---- */
.pdd-walkin { display: flex; align-items: center; gap: 10px; margin: -6px 0 18px !important; padding: 11px 14px; border-radius: 12px; background: var(--pd-bg); border: 1px solid var(--pd-line); font-size: 15px; line-height: 1.4; color: var(--pd-ink2); }
.pdd-walkin svg { flex: 0 0 auto; color: var(--pd-gold-dark); }
.pdd-walkin b { color: var(--pd-ink); font-weight: 600; }
@media (min-width: 861px) { .pdd-walkin { display: inline-flex; margin: -4px 0 20px !important; font-size: 15.5px; } }