/* LightSite SEO landing pages (SPEC §20): catalog head, links to the other landings of a template, product characteristics.
   Loaded only on pages that print them (Ctx::$memo['landing_css'] → layout), so other pages keep exactly their assets.
   Brand colours only from theme tokens; section scheme vars (--_fg, --_muted, --_line) as in theme.css. */

/* head of a catalog landing (or of a landing without a body page) */
.ls-lnd-head__title{max-width:900px}
.ls-lnd-head__count{margin-top:10px;color:var(--_muted);font-size:var(--ls-fs-sm,.92rem)}
.ls-lnd-head__intro{max-width:820px;margin-top:16px;color:var(--_fg)}
.ls-lnd-head__intro > :first-child{margin-top:0}
.ls-lnd-head + .ls-block--products{padding-top:0}
.ls-lnd-empty p{max-width:640px;color:var(--_muted)}
.ls-lnd-empty a{color:inherit}

/* links block: "Інші міста" / "Дивіться також" */
.ls-lnd-links__title{font-size:var(--ls-fs-h3,clamp(1.25rem,1.1rem + .6vw,1.6rem));margin-bottom:clamp(16px,2vw,22px)}
.ls-lnd-links__list{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none}
.ls-lnd-links__list a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid var(--_line);border-radius:999px;color:var(--_fg);
  text-decoration:none;font-size:var(--ls-fs-sm,.95rem);line-height:1.25;transition:border-color .2s,background-color .2s,color .2s}
.ls-lnd-links__list a:hover{border-color:var(--ls-accent);background:color-mix(in srgb,var(--ls-accent) 8%,#0000)}
.ls-lnd-links__list a:focus-visible{outline:2px solid var(--ls-accent);outline-offset:2px}
@media (max-width:639px){
  .ls-lnd-links__list{gap:8px}
  .ls-lnd-links__list a{min-height:44px;padding:8px 14px}
}

/* product page: characteristics, values link to their catalog landing */
.ls-pattrs{display:grid;gap:0;margin:22px 0 0;padding:0;border-top:1px solid var(--_line)}
.ls-pattrs > div{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--_line)}
.ls-pattrs dt{color:var(--_muted);font-size:var(--ls-fs-sm,.92rem)}
.ls-pattrs dd{margin:0}
.ls-pattrs a{color:inherit;text-decoration:underline;text-decoration-color:var(--ls-accent);text-underline-offset:3px}
.ls-pattrs a:hover{color:var(--ls-accent-ink,var(--ls-accent))}