/* Store landing pages: /home-appliances-store-<city>/ */

.hk-store .wp-block-post-content > .hk-band:first-child { padding-top: var(--wp--preset--spacing--50); }
.hk-store-crumbs { margin: 0 0 var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--xs); color: var(--hk-muted); }
.hk-store-crumbs a { color: var(--hk-ink-2); text-decoration: underline; text-decoration-color: var(--hk-line); text-underline-offset: 3px; }
.hk-store-crumbs a:hover { text-decoration-color: currentColor; }
.hk-store-crumbs span[aria-hidden] { margin: 0 .4rem; }

.hk-store-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: var(--wp--preset--spacing--60); align-items: start; }
.hk-store-hero > * { margin: 0; }
.hk-store-hero__copy > * { margin-block: 0; }
.hk-store-hero__copy > * + * { margin-top: 1.25rem; }
.hk-store-tag { display: inline-block; padding: .3rem .7rem; border-radius: var(--hk-radius-sm); background: var(--hk-accent); color: var(--hk-ink); font-size: var(--wp--preset--font-size--xs); font-weight: 600; }
.hk-store-hero__title { font-size: clamp(2.25rem, 1.4rem + 2.6vw, 3.5rem); line-height: 1.05; letter-spacing: -.03em; text-wrap: balance; }
.hk-store-hero__copy p:not(.hk-store-tag) { color: var(--hk-ink-2); line-height: 1.65; max-width: 62ch; }
.hk-store-hero__copy .wp-block-buttons { margin-top: 1.75rem; }

.hk-store-card { background: var(--hk-surface); border-top: 3px solid var(--hk-accent); border-radius: var(--hk-radius); padding: var(--wp--preset--spacing--40); }
.hk-store-card > * { margin: 0; }
.hk-store-card__name { font-size: var(--wp--preset--font-size--md); margin-bottom: .75rem !important; }
.hk-store-card__row { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 1rem; padding-block: .85rem; border-top: 1px solid var(--hk-line); font-size: var(--wp--preset--font-size--sm); line-height: 1.55; }
.hk-store-card__row > strong:first-child { font-weight: 600; }
.hk-store-card__row a { color: var(--hk-ink); text-decoration: underline; text-decoration-color: var(--hk-accent); text-underline-offset: 3px; overflow-wrap: anywhere; }

.hk-store-map .hk-map__canvas { aspect-ratio: 21 / 8; min-height: 0; border-radius: var(--hk-radius); }

.hk-store-sec__title { margin: 0; font-size: var(--wp--preset--font-size--xl); letter-spacing: -.02em; }
.hk-store-sec__title::after { content: ""; display: block; width: 3rem; height: 3px; margin-top: 1rem; background: var(--hk-accent); }
.hk-store-sec__lead { margin: 1.25rem 0 0; color: var(--hk-ink-2); max-width: 62ch; }

.hk-store-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: var(--wp--preset--spacing--50); border: 1px solid var(--hk-line); border-radius: var(--hk-radius); overflow: hidden; background: var(--hk-bg); }
.hk-store-cat { display: flex; flex-direction: column; gap: .5rem; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30); border-right: 1px solid var(--hk-line); border-bottom: 1px solid var(--hk-line); margin: 0 !important; }
.hk-store-cat:nth-child(4n) { border-right: 0; }
.hk-store-cat > * { margin: 0; }
.hk-store-cat h3 { font-size: var(--wp--preset--font-size--sm); }
.hk-store-cat p { font-size: var(--wp--preset--font-size--xs); color: var(--hk-muted); line-height: 1.55; }
.hk-store-cat .hk-store-cat__link { margin-top: auto; padding-top: .5rem; font-weight: 600; }
.hk-store-cat__link a { color: var(--hk-accent-text); text-decoration: none; }
.hk-store-cat__link a:hover { text-decoration: underline; }

.hk-store-reasons { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: var(--wp--preset--spacing--40); margin-top: var(--wp--preset--spacing--50); }
.hk-store-reason { border-top: 2px solid var(--hk-accent); padding-top: 1rem; margin: 0 !important; }
.hk-store-reason > * { margin: 0; }
.hk-store-reason h3 { font-size: var(--wp--preset--font-size--sm); margin-bottom: .4rem; }
.hk-store-reason p { font-size: var(--wp--preset--font-size--sm); color: var(--hk-ink-2); line-height: 1.6; }

.hk-store-brands { margin-top: var(--wp--preset--spacing--50); padding-top: var(--wp--preset--spacing--40); border-top: 1px solid var(--hk-line); }
.hk-store-brands > * { margin: 0; }
.hk-store-brands h3 { font-size: var(--wp--preset--font-size--xs); margin-bottom: .75rem; }
.hk-store-brands p { font-size: var(--wp--preset--font-size--xs); color: var(--hk-muted); line-height: 2; }
.hk-store-brands a { color: var(--hk-ink-2); text-decoration: none; }
.hk-store-brands a:hover { color: var(--hk-ink); text-decoration: underline; }
.hk-store-brands .hk-sep { margin: 0 .2rem; color: var(--hk-line); }

.hk-store-find { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--60); margin-top: var(--wp--preset--spacing--50); }
.hk-store-find > * { margin: 0; }
.hk-store-find h3 { font-size: var(--wp--preset--font-size--md); margin: 0 0 .75rem; }
.hk-store-find p { margin: 0 0 1.25rem; color: var(--hk-ink-2); line-height: 1.6; }
.hk-store-areas { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.hk-store-areas li { padding: .35rem .75rem; border: 1px solid var(--hk-accent); background: var(--hk-accent-soft); border-radius: var(--hk-radius-sm); font-size: var(--wp--preset--font-size--xs); }

.hk-store-faq { max-width: 820px; }
.hk-store-faq .hk-store-sec__title + .hk-faq { margin-top: var(--wp--preset--spacing--40) !important; border-top: 1px solid var(--hk-line); }

.hk-store .hk-cta__text a { color: inherit; }

@media (max-width: 1024px) {
  .hk-store-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-store-cat:nth-child(4n) { border-right: 1px solid var(--hk-line); }
  .hk-store-cat:nth-child(2n) { border-right: 0; }
}
@media (max-width: 781px) {
  .hk-store-hero, .hk-store-find { grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--50); }
  .hk-store-map .hk-map__canvas { aspect-ratio: 4 / 3; }
}
@media (max-width: 480px) {
  .hk-store-cats { grid-template-columns: minmax(0, 1fr); }
  .hk-store-cat { border-right: 0 !important; }
  .hk-store-card__row { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
}