/* Atom Prices — Discounts / Stores / Brands pages */
:root{--page-bg:#f4f6f1;--soft:#eef1eb;--muted:#70766d;--gold:#d49800}
.directory-page{background:var(--page-bg);color:var(--ink)}
.directory-page .container{position:relative}
.page-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:800;color:#737970;padding:18px 0 10px}
.page-breadcrumbs a:hover{color:var(--green)}
.directory-hero{background:#fff;border-bottom:1px solid var(--line)}
.directory-hero-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:56px;align-items:end;padding:16px 0 34px}
.directory-kicker{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin-bottom:10px}
.directory-hero h1{font-size:clamp(46px,5.6vw,78px);line-height:.94;letter-spacing:-.055em;margin:0;max-width:900px}
.directory-hero p{font-size:17px;line-height:1.55;color:#62685f;margin:18px 0 0;max-width:760px}
.directory-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fafbf8}
.directory-stat{padding:18px 16px;border-right:1px solid var(--line)}.directory-stat:last-child{border-right:0}
.directory-stat strong{display:block;font-size:24px;letter-spacing:-.035em}.directory-stat span{display:block;margin-top:5px;font-size:10px;line-height:1.25;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#747a71}
.directory-section{padding:52px 0}
.directory-section.white{background:#fff}.directory-section.black{background:#111;color:#fff}.directory-section.yellow{background:var(--yellow)}
.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}
.section-title-row h2{font-size:clamp(32px,3.7vw,52px);line-height:.98;letter-spacing:-.045em;margin:0}
.section-title-row p{max-width:560px;margin:0;color:#686e65;line-height:1.5}.black .section-title-row p{color:#aeb3aa}
.text-link{font-size:13px;font-weight:950;color:var(--green);white-space:nowrap}.yellow .text-link{color:#111}.black .text-link{color:var(--yellow)}

/* Discounts */
.discount-leaders{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}
.deal-leader{background:#fff;border:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
.deal-leader.primary{grid-row:span 2}.deal-image{height:230px;background:#f7f8f5;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.primary .deal-image{height:380px}.deal-image img{width:100%;height:100%;object-fit:contain;display:block;padding:18px}
.deal-rank{position:absolute;top:14px;left:14px;min-width:42px;height:42px;padding:0 11px;display:grid;place-items:center;background:#111;color:#fff;font-weight:950;font-size:13px}
.deal-percent{position:absolute;top:14px;right:14px;height:42px;padding:0 13px;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:950;font-size:16px}
.deal-body{padding:18px;display:flex;flex-direction:column;flex:1}.deal-store{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;color:var(--green);margin-bottom:8px}.deal-body h3{font-size:20px;line-height:1.18;letter-spacing:-.03em;margin:0 0 16px}.primary .deal-body h3{font-size:27px}
.deal-price{display:flex;align-items:baseline;gap:9px;margin-top:auto}.deal-price strong{font-size:28px;letter-spacing:-.035em}.deal-price del{font-size:13px;color:#7b8178}.deal-saving{margin-top:10px;display:inline-flex;align-items:center;align-self:flex-start;min-height:30px;padding:0 10px;background:var(--yellow);font-size:12px;font-weight:950}
.money-ranking{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money-deal{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px 14px}.money-deal img{width:82px;height:72px;object-fit:contain;background:#f7f8f5}.money-deal .rank-no{font-size:11px;font-weight:950;color:#8b9088}.money-deal h3{font-size:15px;margin:2px 0 5px;letter-spacing:-.02em}.money-deal p{margin:0;color:#747a71;font-size:11px}.money-save{text-align:right}.money-save strong{display:block;font-size:23px;letter-spacing:-.04em;color:#111}.money-save span{font-size:10px;color:#7a8077;text-transform:uppercase;font-weight:900}
.discount-pulse{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3a3d38;border-left:1px solid #3a3d38}.pulse-card{padding:24px;border-right:1px solid #3a3d38;border-bottom:1px solid #3a3d38;min-height:170px}.pulse-card span{font-size:11px;color:#aeb3aa;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.pulse-card strong{display:block;font-size:36px;color:var(--yellow);margin:24px 0 8px}.pulse-card p{font-size:13px;line-height:1.45;color:#c6cac3;margin:0}
.store-score-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.store-score{background:#fff;min-height:150px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.store-score-logo{height:44px;display:flex;align-items:center}.store-score-logo img{max-width:135px;max-height:35px}.store-score-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:12px}.store-score-meta strong{font-size:24px}.store-score-meta span{font-size:10px;color:#777d74;text-transform:uppercase;font-weight:900;text-align:right}

/* Stores */
.directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:22px}.directory-search{height:54px;border:1px solid #111;background:#fff;display:flex;align-items:center}.directory-search input{width:100%;height:100%;border:0;outline:0;padding:0 18px;font-size:15px}.directory-search button{height:100%;border:0;background:#111;color:#fff;padding:0 22px;font-weight:900}.directory-filter-chips{display:flex;gap:7px;flex-wrap:wrap}.directory-chip{height:54px;padding:0 16px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:900}.directory-chip.active,.directory-chip:hover{background:var(--yellow);border-color:#111}
.store-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.store-directory-card{background:#fff;border:1px solid var(--line);min-height:260px;padding:22px;display:flex;flex-direction:column;transition:border-color .16s ease}.store-directory-card:hover{border-color:#111}.store-directory-logo{height:62px;display:flex;align-items:center;margin-bottom:18px}.store-directory-logo img{max-width:190px;max-height:52px}.store-directory-card h3{font-size:23px;margin:0 0 8px;letter-spacing:-.03em}.store-directory-card>p{font-size:13px;line-height:1.5;color:#70766d;margin:0 0 18px}.store-card-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:auto}.store-card-stats div{padding:12px}.store-card-stats div+div{border-left:1px solid var(--line)}.store-card-stats strong{display:block;font-size:18px}.store-card-stats span{font-size:9px;color:#7a8077;text-transform:uppercase;font-weight:900}.store-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;font-weight:900}.store-card-footer a{color:var(--green)}.store-directory-link{display:block;color:inherit;text-decoration:none}
.store-categories{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.store-category{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:150px;background:rgba(255,255,255,.55)}.store-category h3{font-size:18px;margin:0 0 8px}.store-category p{font-size:12px;line-height:1.45;margin:0;color:#5f655c}.store-category a{display:inline-block;margin-top:18px;font-size:12px;font-weight:950}

/* Brands */
.brand-hero-search{margin-top:22px;max-width:680px;height:58px;border:2px solid #111;display:grid;grid-template-columns:1fr auto;background:#fff}.brand-hero-search input{border:0;outline:0;padding:0 16px;font-size:15px;min-width:0}.brand-hero-search button{border:0;background:#111;color:#fff;padding:0 24px;font-weight:950}
.alphabet{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.alphabet a{min-width:38px;height:38px;padding:0 10px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:950}.alphabet a:hover,.alphabet a.active{background:#111;color:#fff;border-color:#111}
.featured-brands{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.featured-brand{min-height:130px;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column;justify-content:space-between}.featured-brand-logo{font-size:22px;font-weight:950;letter-spacing:-.04em}.featured-brand-meta{font-size:10px;color:#747a71;text-transform:uppercase;font-weight:900}.featured-brand:hover{background:var(--yellow)}
.brand-directory{display:grid;gap:18px}.brand-letter-group{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--line);padding-top:16px}.brand-letter{font-size:42px;font-weight:950;line-height:1}.brand-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px 18px}.brand-item{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e3e6df;font-size:13px;font-weight:800}.brand-item span{font-size:10px;color:#8a9087;font-weight:750}.brand-item:hover{color:var(--green)}
.brand-categories{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-category{padding:20px;min-height:135px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.brand-category strong{display:block;font-size:17px}.brand-category span{display:block;margin-top:8px;font-size:11px;color:#757b72;line-height:1.45}.brand-category a{display:inline-block;margin-top:16px;font-size:11px;font-weight:950;color:var(--green)}
.directory-empty{display:none;padding:44px;text-align:center;background:#fff;border:1px solid var(--line);font-weight:900}

/* Mobile nav overrides for new pages only */
.directory-page .mobile-bottom a.active{color:var(--green-dark);background:#eef7f2}

@media (max-width:1100px){
  .directory-hero-row{grid-template-columns:1fr;gap:26px}.directory-stats{max-width:720px}
  .discount-leaders{grid-template-columns:1fr 1fr}.deal-leader.primary{grid-row:auto;grid-column:1/-1}.primary .deal-image{height:340px}
  .store-directory-grid{grid-template-columns:repeat(2,1fr)}.featured-brands{grid-template-columns:repeat(4,1fr)}.brand-list{grid-template-columns:repeat(3,1fr)}
  .store-score-grid,.store-categories{grid-template-columns:repeat(2,1fr)}.brand-categories{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:680px){
  .page-breadcrumbs{padding-top:12px}.directory-hero-row{padding:10px 0 24px}.directory-hero h1{font-size:44px}.directory-hero p{font-size:15px;margin-top:14px}.directory-stats{grid-template-columns:1fr 1fr}.directory-stat{padding:14px}.directory-stat:nth-child(2){border-right:0}.directory-stat:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line)}
  .directory-section{padding:38px 0}.section-title-row{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:18px}.section-title-row h2{font-size:34px}.section-title-row p{font-size:13px}
  .discount-leaders{grid-template-columns:1fr}.deal-leader.primary{grid-column:auto}.deal-image,.primary .deal-image{height:270px}.deal-body h3,.primary .deal-body h3{font-size:20px}
  .money-ranking{grid-template-columns:1fr}.money-deal{grid-template-columns:68px 1fr auto;padding:8px 10px}.money-deal img{width:68px;height:62px}.money-save strong{font-size:19px}
  .discount-pulse,.store-score-grid,.store-categories{grid-template-columns:1fr 1fr}.pulse-card{min-height:145px;padding:18px}.pulse-card strong{font-size:30px;margin-top:18px}
  .directory-toolbar{grid-template-columns:1fr}.directory-filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.directory-filter-chips::-webkit-scrollbar{display:none}.directory-chip{flex:0 0 auto;height:44px}
  .store-directory-grid{grid-template-columns:1fr}.store-directory-card{min-height:220px}.store-directory-logo{height:50px}.store-directory-logo img{max-height:42px}
  .brand-hero-search{height:52px}.brand-hero-search button{padding:0 16px}.alphabet{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.alphabet::-webkit-scrollbar{display:none}.alphabet a{flex:0 0 38px}
  .featured-brands{grid-template-columns:repeat(2,1fr)}.featured-brand{min-height:105px}.featured-brand-logo{font-size:18px}
  .brand-letter-group{grid-template-columns:48px 1fr}.brand-letter{font-size:30px}.brand-list{grid-template-columns:1fr 1fr}.brand-item{font-size:12px}.brand-categories{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){
  .discount-pulse,.store-score-grid,.store-categories,.brand-categories{grid-template-columns:1fr}
  .brand-list{grid-template-columns:1fr}.brand-letter-group{grid-template-columns:38px 1fr}
}

/* ===== Stores page targeted pass v23 ===== */
/* Only stores.html uses .stores-page; other directory pages remain unchanged. */
.stores-page .stores-breadcrumb-bar{background:#fff;border-bottom:1px solid var(--line)}
.stores-page .stores-breadcrumb-bar .page-breadcrumbs{padding:18px 0}
.stores-page .directory-section:first-of-type{padding-top:34px}

/* Store logo: clean framed canvas, official mark centered (not left-aligned/cropped). */
.stores-page .store-directory-logo{
  height:94px;
  width:100%;
  margin:0 0 18px;
  padding:14px 18px;
  border:1px solid var(--line);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  transition:border-color .16s ease;
}
.stores-page .store-directory-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:82%;
  max-height:62px;
  margin:auto;
  object-fit:contain;
  object-position:center center;
}
.stores-page .store-directory-card[data-store-slug="metro"] .store-directory-logo img{max-height:64px}
.stores-page .store-logo-fallback{font-size:15px;font-weight:900;letter-spacing:-.015em;color:#111;line-height:1.2}

/* Only the logo and the footer link show interactivity — the card itself stays static. */
.stores-page .store-directory-card,
.stores-page .store-directory-card:hover{border-color:var(--line);box-shadow:none}
.stores-page .store-directory-logo-link{color:inherit;text-decoration:none;cursor:pointer}
.stores-page .store-directory-logo-link:hover,
.stores-page .store-directory-logo-link:focus-visible{border-color:var(--green)}
.stores-page .store-directory-card h3 a{color:inherit;text-decoration:none}
.stores-page .store-directory-card h3 a:hover,
.stores-page .store-directory-card h3 a:focus-visible{color:var(--green)}
.stores-page .store-card-footer a{transition:color .16s ease}
.stores-page .store-card-footer a:hover,
.stores-page .store-card-footer a:focus-visible{color:#111;text-decoration:underline;text-underline-offset:3px}

/* Monitoring summary at the bottom, replaces an old unrelated category grid. */
.stores-page .stores-monitoring-section{background:#fff;border-top:1px solid var(--line)}
.stores-page .stores-monitoring-head{align-items:end}
.stores-page .stores-monitoring-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.stores-page .stores-monitoring-card{
  min-height:190px;
  padding:24px 22px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
  display:flex;
  flex-direction:column;
}
.stores-page .stores-monitoring-card strong{display:block;margin-bottom:22px;font-size:30px;line-height:1;letter-spacing:-.04em;color:#111}
.stores-page .stores-monitoring-card:first-child strong{color:var(--green)}
.stores-page .stores-monitoring-card h3{margin:0 0 9px;font-size:18px;line-height:1.18;letter-spacing:-.025em}
.stores-page .stores-monitoring-card p{margin:0;color:#747a71;font-size:12px;line-height:1.5}
.stores-page .stores-monitoring-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}
.stores-page .stores-monitoring-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid #111;background:#111;color:#fff;font-size:12px;font-weight:900;text-decoration:none}
.stores-page .stores-monitoring-cta.secondary{background:#fff;color:#111}
.stores-page .stores-monitoring-cta:hover{background:var(--yellow);color:#111}

@media (max-width:1100px){
  .stores-page .stores-monitoring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .stores-page .stores-breadcrumb-bar .page-breadcrumbs{padding:12px 0}
  .stores-page .directory-section:first-of-type{padding-top:26px}
  .stores-page .store-directory-logo{height:78px;padding:10px 12px;margin-bottom:14px}
  .stores-page .store-directory-logo img{max-height:50px;max-width:80%}
  .stores-page .stores-monitoring-grid{grid-template-columns:1fr}
  .stores-page .stores-monitoring-card{min-height:0;padding:19px 16px}
  .stores-page .stores-monitoring-card strong{margin-bottom:14px;font-size:25px}
  .stores-page .stores-monitoring-actions{align-items:stretch;flex-direction:column}
  .stores-page .stores-monitoring-cta{width:100%}
}