/*
 * Liso® VPS-staging: pagina-specifieke stijlbron.
 * Pas uitsluitend deze file aan voor deze pagina. De gedeelde basis staat in /shared/css/.
 * Deze export is noindex en verandert www.liso.nl niet.
 */


/* Bron: screenshot-recovery.css */
/* Liso screenshotherstel: publieke contact-, verkooppunt- en Retail Display-modules volgen de aangeleverde lichte, functionele interface; de CTA-sectie volgt letterlijk Dealers.tsx met veilige, bevestigde publieke copy. */

.liso-reference-contact-button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 1.1rem; color: #fff; background: var(--brand-primary); border-radius: var(--radius-component); font-family: var(--font-display); font-size: .82rem; font-weight: 700; text-decoration: none; transition: transform var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out); }
.liso-reference-contact-button:hover, .liso-reference-contact-button:focus-visible { background: #df5700; }
.liso-reference-contact-button:active { transform: scale(.97); }

.liso-reference-contact-header { padding: 7.4rem 0 5.8rem; background: #fbf8f4; }
.liso-reference-contact-header h1 { margin: .65rem 0 .45rem; font-size: clamp(3rem, 5vw, 5.75rem); font-weight: 500; letter-spacing: -.078em; line-height: .85; }
.liso-reference-contact-header p { margin: 0; color: #747670; font-size: 1.03rem; }
.liso-reference-contact-body { padding: clamp(4.5rem, 9vw, 8rem) 0; background: #fff; }
.liso-reference-contact-grid { display: grid; gap: clamp(2.8rem, 7vw, 7.5rem); align-items: start; }
.liso-reference-contact-details h2 { margin: 0 0 1.8rem; font-family: var(--font-display); font-size: clamp(1.5rem, 2.5vw, 2.2rem); font-weight: 600; letter-spacing: -.045em; }
.liso-reference-contact-list { display: grid; gap: 1.55rem; margin: 0 0 2.4rem; font-style: normal; }
.liso-reference-contact-list a { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: .85rem; align-items: start; color: #292b23; text-decoration: none; }
.liso-reference-contact-list svg { padding: .6rem; color: var(--brand-primary); background: #fff4eb; border-radius: var(--radius-component); box-sizing: content-box; }
.liso-reference-contact-list small { display: block; margin-bottom: .25rem; color: #777870; font-size: .77rem; }
.liso-reference-contact-list strong { display: block; font-family: var(--font-display); font-size: .91rem; font-weight: 500; line-height: 1.5; white-space: pre-line; }
.liso-reference-contact-list a:hover strong, .liso-reference-contact-list a:focus-visible strong { color: var(--brand-primary); }
.liso-reference-contact-company { padding: 1.45rem; color: #393a33; background: #fbf8f4; border: 1px solid #f1e9e0; border-radius: var(--radius-component); }
.liso-reference-contact-company h3 { margin: 0 0 .5rem; font-family: var(--font-display); font-size: 1rem; font-weight: 600; }
.liso-reference-contact-company p { margin: 0 0 .65rem; color: #777870; font-size: .8rem; line-height: 1.45; }
.liso-reference-contact-company p:last-child { padding-top: .65rem; margin: 0; border-top: 1px solid #e7dfd5; }
.liso-reference-contact-company a { color: var(--brand-primary); text-decoration: none; }
.liso-reference-form { padding: clamp(1.5rem, 3vw, 2rem); background: #fbfbfa; border: 1px solid #f0f0ed; border-radius: var(--radius-component); }
.liso-reference-form-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
.liso-reference-form-field { display: grid; gap: .55rem; }
.liso-reference-form-field.is-wide { grid-column: 1 / -1; }
.liso-reference-form label { color: #373832; font-size: .78rem; font-weight: 600; }
.liso-reference-form .required { color: var(--brand-primary); }
.liso-reference-form input, .liso-reference-form select, .liso-reference-form textarea { width: 100%; box-sizing: border-box; padding: .82rem .9rem; color: #969790; background: #fff; border: 1px solid #deded9; border-radius: var(--radius-component); font: inherit; outline: none; }
.liso-reference-form input, .liso-reference-form select { min-height: 43px; }
.liso-reference-form textarea { min-height: 146px; resize: vertical; }
.liso-reference-form button { min-height: 45px; margin-top: 1.5rem; padding: 0 1.1rem; color: #fff; background: #a9aaa5; border: 0; border-radius: var(--radius-component); font-family: var(--font-display); font-weight: 700; }
.liso-reference-form-note { margin: .85rem 0 0; color: #888a83; font-size: .74rem; line-height: 1.5; }

.liso-reference-locations-hero { padding: 7.4rem 0 4rem; background: #fbf8f4; }
.liso-reference-locations-hero h1 { max-width: 720px; margin: .65rem 0 .9rem; font-size: clamp(3rem, 5.4vw, 6.2rem); font-weight: 500; letter-spacing: -.08em; line-height: .84; }
.liso-reference-locations-hero p { max-width: 680px; margin: 0; color: #73756e; font-size: 1.05rem; line-height: 1.55; }
.liso-reference-location-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .7rem; max-width: 560px; margin-top: 2rem; }
.liso-reference-location-search div { display: flex; align-items: center; gap: .65rem; min-height: 46px; padding: 0 .9rem; color: #92938d; background: #fff; border: 1px solid #deded9; border-radius: var(--radius-component); }
.liso-reference-location-search button { min-height: 46px; padding: 0 1.15rem; color: #fff; background: #a9aaa5; border: 0; border-radius: var(--radius-component); font-family: var(--font-display); font-weight: 700; }
.liso-reference-locations-workspace { padding: clamp(3rem, 6vw, 5.5rem) 0 clamp(4.5rem, 9vw, 8rem); background: #fff; }
.liso-reference-location-filters { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 1.8rem; }
.liso-reference-location-filters span { display: inline-flex; min-height: 36px; align-items: center; padding: 0 .9rem; color: #777870; background: #f4f4f1; border-radius: var(--radius-component); font-size: .83rem; }
.liso-reference-location-filters span:first-child { color: #fff; background: var(--brand-primary); }
.liso-reference-location-layout { display: grid; gap: 1.7rem; }
.liso-reference-map-frame { min-height: 470px; overflow: hidden; border: 1px solid #deded9; border-radius: var(--radius-component); background: #f1f1ed; }
.liso-reference-map-frame > div { min-height: 470px !important; }
.liso-reference-location-results { display: grid; gap: .85rem; align-content: start; }
.liso-reference-location-card { display: grid; gap: .9rem; padding: 1.35rem; color: #292b23; background: #fff; border: 1px solid #deded9; border-radius: var(--radius-component); }
.liso-reference-location-card header { display: flex; gap: .75rem; align-items: start; }
.liso-reference-location-card header > svg { flex: 0 0 auto; color: #777870; }
.liso-reference-location-card h2 { margin: 0 0 .3rem; font-family: var(--font-display); font-size: 1.02rem; font-weight: 600; line-height: 1.35; }
.liso-reference-location-card p { margin: 0; color: #777870; font-size: .84rem; line-height: 1.45; }
.liso-reference-location-card-meta { display: flex; flex-wrap: wrap; gap: .65rem; color: #777870; font-size: .78rem; }
.liso-reference-location-card-meta span { display: inline-flex; gap: .35rem; align-items: center; }
.liso-reference-location-card-meta svg { color: var(--brand-primary); }
.liso-reference-location-tag { color: #16834c; font-family: var(--font-display); font-size: .68rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.liso-reference-location-card a { display: inline-flex; gap: .4rem; align-items: center; color: var(--brand-primary); font-family: var(--font-display); font-size: .81rem; font-weight: 700; text-decoration: none; }
.liso-reference-location-note { padding: 1rem 1.15rem; color: #476383; background: #f0f7ff; border: 1px solid #d6e8ff; border-radius: var(--radius-component); font-size: .84rem; line-height: 1.5; }

.liso-reference-program-main { background: #fff; }
.liso-reference-program { padding: clamp(7rem, 12vw, 11rem) 0 clamp(4.5rem, 8vw, 7rem); background: #fbf8f4; }
.liso-reference-program-grid { display: grid; gap: 2.5rem; align-items: center; }
.liso-reference-program-copy { max-width: 640px; }
.liso-reference-program-badge { display: inline-flex; align-items: center; gap: .45rem; min-height: 31px; padding: 0 .75rem; color: var(--brand-primary); background: #fff0e5; border-radius: var(--radius-component); font-family: var(--font-display); font-size: .77rem; font-weight: 600; }
.liso-reference-program h1 { margin: 1.15rem 0 1rem; font-size: clamp(3rem, 5.2vw, 5.8rem); font-weight: 500; letter-spacing: -.08em; line-height: .86; }
.liso-reference-program-copy > p { max-width: 630px; margin: 0; color: #70716b; font-size: 1.05rem; line-height: 1.57; }
.liso-reference-program-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.liso-reference-program-actions a { display: inline-flex; min-height: 48px; gap: .55rem; align-items: center; justify-content: center; padding: 0 1.1rem; border-radius: var(--radius-component); font-family: var(--font-display); font-size: .85rem; font-weight: 700; text-decoration: none; }
.liso-reference-program-actions a:first-child { color: #fff; background: var(--brand-primary); }
.liso-reference-program-actions a:last-child { color: #292b23; background: #fff; border: 1px solid #bdbeb9; }
.liso-reference-program-media { min-height: 390px; padding: clamp(1.2rem, 3vw, 2rem); overflow: hidden; background: #fff1e7; border-radius: var(--radius-component); }
.liso-reference-program-media-shell { display: grid; grid-template-columns: .55fr .45fr; min-height: 100%; background: #fff; border-radius: var(--radius-component); box-shadow: 0 12px 25px rgb(39 38 31 / 8%); }
.liso-reference-program-media-copy { display: grid; align-content: end; gap: .65rem; padding: 1.3rem; color: #777870; font-size: .84rem; line-height: 1.45; }
.liso-reference-program-media-copy strong { color: #292b23; font-family: var(--font-display); font-size: 1.05rem; font-weight: 600; }
.liso-reference-program-media-photo { overflow: hidden; background: #e4e1dc; }
.liso-reference-program-media-photo img { display: block; width: 100%; height: 100%; min-height: 310px; object-fit: cover; object-position: 69% center; }
.liso-reference-program-benefits { padding: clamp(4.5rem, 8vw, 7rem) 0; background: #fff; }
.liso-reference-program-benefits-grid { display: grid; gap: 1px; background: #ebeae5; }
.liso-reference-program-benefits-grid article { padding: 1.45rem; background: #fff; }
.liso-reference-program-benefits-grid svg { color: var(--brand-primary); }
.liso-reference-program-benefits-grid h2 { margin: .85rem 0 .45rem; font-family: var(--font-display); font-size: 1.08rem; font-weight: 600; }
.liso-reference-program-benefits-grid p { margin: 0; color: #73756e; font-size: .87rem; line-height: 1.5; }

@media (min-width: 768px) {
  .liso-reference-contact-grid { grid-template-columns: .58fr 1fr; }
  .liso-reference-form-grid { grid-template-columns: 1fr 1fr; }
  .liso-reference-location-layout { grid-template-columns: 1.25fr .75fr; }
  .liso-reference-program-grid { grid-template-columns: 1fr .93fr; gap: 5%; }
  .liso-reference-program-benefits-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1020px) {
  .liso-reference-contact-button { display: none; }
}

/* Directe public-interfaceportering uit verkooppunten-complete.html en verkooppunten-page.css. */
.liso-original-locations-shell { width: min(100% - 2rem, 1280px); margin: 0 auto; }
.liso-original-locations-hero, .liso-original-locations-content, .liso-original-locations-cta { font-family: "Inter", sans-serif; }
.liso-original-locations-hero { padding: 5rem 0; background: #fff8f3; }
.liso-original-locations-eyebrow { display: inline-block; margin-bottom: 1rem; color: var(--brand-primary); font-family: "Inter", sans-serif; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.liso-original-locations-hero h1 { margin: 0 0 1rem; color: #292b23; font-family: "DM Sans", sans-serif; font-size: 2.25rem; font-weight: 700; letter-spacing: -.025em; line-height: 1.25; }
.liso-original-locations-hero p { max-width: 672px; margin: 0; color: #78808b; font-size: 1.125rem; line-height: 1.75; }
.liso-original-locations-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; max-width: 448px; margin-top: 2rem; }
.liso-original-locations-search > label { display: flex; min-height: 48px; align-items: center; gap: .75rem; padding: 0 1rem; color: #929892; background: #fff; border: 1px solid #e1e3df; border-radius: .5rem; font-size: .875rem; }
.liso-original-locations-search > label:focus-within { border-color: oklch(0.65 0.2 40); box-shadow: 0 0 0 3px color-mix(in oklab, oklch(0.65 0.2 40) 15%, transparent); }
.liso-original-locations-search input { width: 100%; min-width: 0; color: oklch(0.22 0.02 80); background: transparent; border: 0; font: inherit; outline: 0; }
.liso-original-locations-search input::placeholder { color: #929892; opacity: 1; }
.liso-original-locations-search button { min-height: 48px; padding: 0 1rem; color: #fff; background: var(--brand-primary); border: 0; border-radius: .5rem; font-family: "Inter", sans-serif; font-size: .875rem; font-weight: 600; }
.liso-original-locations-content { padding: 3rem 0; background: #fff; }
.liso-original-locations-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem; }
.liso-original-locations-tabs button { min-height: 36px; padding: 0 1rem; color: #7e8480; background: #f3f3f1; border: 0; border-radius: .5rem; font-size: .875rem; font-weight: 500; }
.liso-original-locations-tabs button[aria-pressed="true"] { color: #fff; background: var(--brand-primary); }
.liso-original-locations-info { display: flex; gap: .75rem; align-items: flex-start; padding: 1rem; margin-bottom: 1.5rem; color: #486383; background: #eff7ff; border: 1px solid #d9eafd; border-radius: .5rem; }
.liso-original-locations-info > svg { flex: 0 0 auto; margin-top: .08rem; }
.liso-original-locations-info strong { display: block; margin-bottom: .25rem; color: #315a85; font-size: .875rem; }
.liso-original-locations-info p { margin: 0; color: #486383; font-size: .875rem; line-height: 1.5; }
.liso-original-locations-info a { color: var(--brand-primary); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.liso-original-locations-grid { display: grid; gap: 2rem; }
.liso-original-map { min-height: 500px; overflow: hidden; border: 1px solid #deded9; border-radius: 1rem; background: #f0f1ed; }
.liso-original-map > div { height: 500px !important; }
.liso-original-dealer-list { display: grid; gap: .75rem; align-content: start; max-height: 500px; overflow-y: auto; padding-right: .25rem; }
.liso-original-dealer-card { display: grid; gap: 1rem; padding: 1rem; background: #fff; border: 1px solid #deded9; border-radius: .5rem; }
.liso-original-dealer-card header { display: flex; gap: .65rem; align-items: flex-start; }
.liso-original-dealer-card header > svg { flex: 0 0 auto; margin-top: .1rem; color: #626762; }
.liso-original-dealer-card h2 { margin: 0 0 .25rem; color: #292b23; font-family: "DM Sans", sans-serif; font-size: .875rem; font-weight: 700; line-height: 1.45; }
.liso-original-dealer-card p { margin: 0; color: #7c817e; font-size: .75rem; line-height: 1.45; }
.liso-original-dealer-meta { display: flex; flex-wrap: wrap; gap: .5rem; color: #808480; font-size: .75rem; }
.liso-original-dealer-meta span { display: inline-flex; gap: .32rem; align-items: center; }
.liso-original-dealer-meta svg { color: var(--brand-primary); }
.liso-original-dealer-type { color: #318b5a; font-family: "Inter", sans-serif; font-size: .75rem; font-weight: 600; }
.liso-original-dealer-card .liso-original-dealer-badges { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.liso-original-dealer-card .liso-original-dealer-badges span { display: inline-block; padding: .125rem .5rem; border-radius: 999px; font-family: "Inter", sans-serif; font-size: .625rem; font-weight: 700; letter-spacing: .05em; line-height: 1.25; text-transform: uppercase; }
.liso-original-dealer-card .liso-original-dealer-badges .is-store { color: oklch(54.6% 0.245 262.881); background: oklch(97% 0.014 254.604); }
.liso-original-dealer-card .liso-original-dealer-badges .is-online { color: oklch(52.7% 0.154 150.069); background: oklch(96.2% 0.044 156.743); }
.liso-original-dealer-card a { display: inline-flex; align-items: center; gap: .5rem; color: var(--brand-primary); font-family: "Inter", sans-serif; font-size: .875rem; font-weight: 600; text-decoration: none; }
.liso-original-locations-cta { padding: 4rem 0; background: #fff8f3; }
.liso-original-locations-cta > div { display: grid; place-items: center; }
.liso-original-locations-cta > div > div { width: min(100%, 768px); padding: 2.5rem; text-align: center; background: #fff; border: 1px solid oklch(0.91 0.005 80); border-radius: 1rem; box-shadow: none; }
.liso-original-locations-cta h2 { margin: 0 0 1rem; color: #292b23; font-family: "DM Sans", sans-serif; font-size: 1.5rem; font-weight: 700; letter-spacing: -.025em; line-height: 1.875rem; }
.liso-original-locations-cta p { max-width: 32rem; margin: 0 auto 2rem; color: #808285; font-size: 1rem; line-height: 1.625; }
.liso-original-locations-cta div div div { display: flex; flex-direction: column; gap: 1rem; justify-content: center; }
.liso-original-locations-cta a { display: inline-flex; min-height: 48px; align-items: center; gap: .5rem; padding: 0 1.5rem; color: #292b23; background: #fff; border: 1px solid #bfc1bb; border-radius: .5rem; font-family: "Inter", sans-serif; font-size: .875rem; font-weight: 600; text-decoration: none; }
.liso-original-locations-cta a:first-child { color: #fff; background: var(--brand-primary); border-color: var(--brand-primary); }

.liso-original-footer { color: #fff; background: #26261f; }
.liso-original-footer-shell { width: min(100% - 2rem, 1280px); margin: 0 auto; }
.liso-original-footer-signal { border-bottom: 1px solid rgb(255 255 255 / 9%); }
.liso-original-footer-signal > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.6rem; padding: 1.4rem 0; }
.liso-original-footer-signal span, .liso-original-footer-nav > span, .liso-original-footer-contact > span { display: block; margin-bottom: .35rem; color: #fff; font-family: var(--font-display); font-size: .7rem; font-weight: 700; letter-spacing: .08em; }
.liso-original-footer-signal span::before { display: inline-block; width: 5px; height: 5px; margin-right: .45rem; background: var(--brand-primary); content: ""; }
.liso-original-footer-signal p { margin: 0; color: rgb(255 255 255 / 56%); font-size: .67rem; }
.liso-original-footer-signal nav { display: flex; flex-wrap: wrap; gap: 1.1rem; align-items: end; }
.liso-original-footer-signal nav a { color: rgb(255 255 255 / 65%); font-size: .7rem; text-decoration: none; }
.liso-original-footer-main { display: grid; gap: 2.2rem; padding: 3.6rem 0 3rem; }
.liso-original-footer-brand img { width: 130px; height: auto; }
.liso-original-footer-brand p { max-width: 210px; margin: 1.15rem 0 0; color: rgb(255 255 255 / 60%); font-size: .75rem; line-height: 1.65; }
.liso-original-footer-nav, .liso-original-footer-contact { display: grid; gap: .65rem; align-content: start; font-style: normal; }
.liso-original-footer-nav a, .liso-original-footer-contact a, .liso-original-footer-contact p { margin: 0; color: rgb(255 255 255 / 62%); font-size: .76rem; line-height: 1.45; text-decoration: none; }
.liso-original-footer-nav a:hover, .liso-original-footer-contact a:hover { color: #fff; }
.liso-original-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding: 1.4rem 0; color: rgb(255 255 255 / 38%); border-top: 1px solid rgb(255 255 255 / 10%); font-size: .65rem; }
.liso-original-footer-bottom div { display: flex; flex-wrap: wrap; gap: 1rem; }
.liso-original-footer-bottom a, .liso-original-footer-bottom button { padding: 0; color: inherit; background: none; border: 0; font-size: inherit; text-decoration: none; }

@media (min-width: 768px) {
  .liso-original-locations-shell, .liso-original-footer-shell { width: min(100% - 4rem, 1280px); }
  .liso-original-locations-grid { grid-template-columns: 2fr 1fr; }
  .liso-original-footer-main { grid-template-columns: 1.25fr .9fr 1.15fr 1fr; }
  .liso-original-locations-hero h1 { font-size: 3rem; line-height: 1; }
  .liso-original-locations-cta > div > div { padding: 3.5rem; }
  .liso-original-locations-cta h2 { font-size: 1.875rem; line-height: 2.25rem; }
}

@media (min-width: 640px) {
  .liso-original-locations-cta div div div { flex-direction: row; }
}

@media (max-width: 767px) {
  .liso-original-locations-hero { padding: 5.6rem 0 3rem; }
  .liso-original-locations-search { max-width: 100%; }
  .liso-original-locations-search button { padding: 0 .85rem; }
  .liso-original-locations-content { padding: 2rem 0 3rem; }
  .liso-original-map, .liso-original-map > div { min-height: 350px !important; height: 350px !important; }
}

/* Directe publieke detailrouteportering uit verkooppunten-detail-complete.html. */
.liso-original-detail-hero { padding: 7.5rem 0 3.6rem; color: #292b23; background: #fff8f3; }
.liso-original-backlink { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: 2.2rem; color: #6f7670; font-size: .82rem; text-decoration: none; }
.liso-original-backlink:hover { color: var(--brand-primary); }
.liso-original-dealer-badges { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-bottom: 1rem; }
.liso-original-dealer-badges span { padding: .28rem .5rem; color: #357e57; background: #eaf6ed; border-radius: var(--radius-component); font-size: .62rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.liso-original-dealer-badges b { color: #7b817b; font-size: .72rem; font-weight: 500; }
.liso-original-detail-hero h1 { max-width: 760px; margin: 0 0 1rem; font-family: var(--font-display); font-size: clamp(2.2rem, 4vw, 3.75rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.liso-original-detail-address { display: inline-flex; gap: .45rem; align-items: center; margin: 0; color: #6d746e; font-size: 1rem; }
.liso-original-detail-address svg { color: var(--brand-primary); }
.liso-original-detail-content { padding: 3.2rem 0 4.4rem; background: #fff; }
.liso-original-detail-grid { display: grid; gap: 1.5rem; }
.liso-original-detail-map { min-height: 560px; overflow: hidden; border: 1px solid #deded9; border-radius: var(--radius-component); background: #f0f1ed; }
.liso-original-detail-map > div { height: 560px !important; }
.liso-original-detail-sidebar { display: grid; align-content: start; gap: 1.7rem; padding: 1.45rem; border: 1px solid #deded9; border-radius: var(--radius-component); }
.liso-original-detail-sidebar section { display: grid; gap: .8rem; }
.liso-original-detail-sidebar section + section { padding-top: 1.5rem; border-top: 1px solid #e8e8e3; }
.liso-original-detail-sidebar h2 { margin: 0; font-family: var(--font-display); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.liso-original-detail-sidebar address, .liso-original-detail-sidebar ul { display: grid; gap: .7rem; margin: 0; font-style: normal; }
.liso-original-detail-sidebar address p, .liso-original-detail-sidebar address a { display: flex; gap: .55rem; align-items: flex-start; margin: 0; color: #737a75; font-size: .84rem; line-height: 1.5; text-decoration: none; }
.liso-original-detail-sidebar address svg { flex: 0 0 auto; margin-top: .12rem; color: var(--brand-primary); }
.liso-original-detail-sidebar ul { padding: 0; list-style: none; }
.liso-original-detail-sidebar li a { color: #737a75; font-size: .84rem; text-decoration: none; }
.liso-original-detail-sidebar li a:hover, .liso-original-detail-sidebar address a:hover { color: var(--brand-primary); }
.liso-original-detail-route { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: .4rem; padding: 0 .85rem; color: #fff; background: var(--brand-primary); border-radius: var(--radius-component); font-family: var(--font-display); font-size: .8rem; font-weight: 700; text-decoration: none; }
.liso-original-detail-assurance { padding: 2.8rem 0; background: #fff8f3; }
.liso-original-detail-assurance > div > div { display: flex; gap: 1.1rem; align-items: center; justify-content: center; width: min(100%, 530px); padding: 1.1rem 1.25rem; margin: auto; background: #fff; border: 1px solid #deded9; border-radius: var(--radius-component); }
.liso-original-detail-assurance img { width: 65px; height: auto; }
.liso-original-detail-assurance p { display: grid; gap: .15rem; margin: 0; }
.liso-original-detail-assurance strong { color: #292b23; font-family: var(--font-display); font-size: .87rem; }
.liso-original-detail-assurance span { color: #737a75; font-size: .75rem; line-height: 1.4; }
@media (min-width: 900px) { .liso-original-detail-grid { grid-template-columns: 2fr 1fr; } }
@media (max-width: 767px) { .liso-original-detail-hero { padding: 6.2rem 0 2.5rem; } .liso-original-detail-map, .liso-original-detail-map > div { min-height: 370px !important; height: 370px !important; } .liso-original-detail-sidebar { padding: 1.1rem; } }

/* Directe DealerDetail.tsx-portering uit verkooppunten-detail-complete.html. */
.liso-original-detail-hero { padding: 8rem 0 2.5rem; background: #fff8f3; }
.liso-original-backlink { margin-bottom: 2rem; color: #737a75; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; line-height: 1.25rem; }
.liso-original-detail-badges { display: flex; gap: .75rem; align-items: center; margin-bottom: .75rem; }
.liso-original-detail-badges > div { display: flex; gap: .5rem; }
.liso-original-detail-badges span { display: inline-block; padding: .25rem .625rem; border-radius: 999px; font-family: "Inter", system-ui, sans-serif; font-size: .75rem; font-weight: 700; letter-spacing: .05em; line-height: 1.25rem; text-transform: uppercase; }
.liso-original-detail-badges .is-store { color: oklch(54.6% 0.245 262.881); background: oklch(97% 0.014 254.604); }
.liso-original-detail-badges .is-online { color: oklch(52.7% 0.154 150.069); background: oklch(96.2% 0.044 156.743); }
.liso-original-detail-badges small { color: #737a75; font-family: "Inter", system-ui, sans-serif; font-size: .75rem; line-height: 1.25rem; }
.liso-original-detail-hero h1 { max-width: none; margin: 0 0 .5rem; color: oklch(0.22 0.02 80); font-family: "DM Sans", sans-serif; font-size: 1.875rem; font-weight: 700; letter-spacing: -.025em; line-height: 2.25rem; }
.liso-original-detail-address { color: #737a75; font-family: "Inter", system-ui, sans-serif; font-size: 1rem; line-height: 1.5rem; }
.liso-original-detail-address svg { width: 16px; height: 16px; margin-right: .25rem; color: currentColor; }
.liso-original-detail-content { padding: 3rem 0; }
.liso-original-detail-grid { gap: 2rem; align-items: stretch; }
.liso-original-detail-map { min-height: 400px; border-color: oklch(0.91 0.005 80); border-radius: 1rem; }
.liso-original-detail-map > div { height: 100% !important; min-height: 400px; }
.liso-original-detail-contact-card { align-self: stretch; min-height: 400px; padding: 2rem; color: oklch(0.22 0.02 80); background: #fff8f3; border: 1px solid color-mix(in oklab, oklch(0.65 0.2 40) 10%, transparent); border-radius: 1rem; font-family: "Inter", system-ui, sans-serif; }
.liso-original-detail-contact-card h2 { margin: 0 0 1.5rem; color: oklch(0.22 0.02 80); font-family: "DM Sans", sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.75rem; }
.liso-original-detail-contact-lines { display: grid; gap: 1rem; }
.liso-original-detail-contact-lines > div { display: flex; gap: .75rem; align-items: center; min-height: 1.5rem; }
.liso-original-detail-contact-lines > div:first-child { align-items: flex-start; }
.liso-original-detail-contact-lines svg, .liso-original-detail-products svg { flex: 0 0 auto; color: oklch(0.65 0.2 40); }
.liso-original-detail-contact-lines p { display: grid; gap: .1rem; margin: 0; }
.liso-original-detail-contact-lines b, .liso-original-detail-contact-lines a { color: oklch(0.22 0.02 80); font-size: .875rem; font-weight: 500; line-height: 1.25rem; text-decoration: none; }
.liso-original-detail-contact-lines span { color: #737a75; font-size: .875rem; line-height: 1.25rem; }
.liso-original-detail-contact-lines a:hover { color: oklch(0.65 0.2 40); }
.liso-original-detail-contact-lines a svg { width: 14px; height: 14px; margin-left: .2rem; vertical-align: -.15rem; }
.liso-original-detail-contact-lines > div:has(.liso-original-detail-website) > svg { color: oklch(0.65 0.2 40); }
.liso-original-detail-contact-lines .liso-original-detail-website { display: inline-flex; gap: .25rem; align-items: center; color: oklch(0.65 0.2 40); white-space: nowrap; }
.liso-original-detail-contact-lines .liso-original-detail-website:hover, .liso-original-detail-contact-lines .liso-original-detail-website:focus-visible { color: color-mix(in oklab, oklch(0.65 0.2 40) 80%, transparent); }
.liso-original-detail-contact-lines .liso-original-detail-website svg { width: .75rem; height: .75rem; margin: 0; vertical-align: baseline; }
.liso-original-detail-hours { padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px solid color-mix(in oklab, oklch(0.65 0.2 40) 10%, transparent); }
.liso-original-detail-hours h3 { margin: 0 0 .75rem; color: oklch(0.22 0.02 80); font-family: "DM Sans", sans-serif; font-size: .875rem; font-weight: 700; line-height: 1.25rem; }
.liso-original-detail-hours-list { display: grid; gap: .375rem; color: #737a75; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; line-height: 1.25rem; }
.liso-original-detail-hours-list > div { display: flex; justify-content: space-between; gap: .75rem; }
.liso-original-detail-hours-list b { color: oklch(0.22 0.02 80); font-weight: 500; text-align: right; }
.liso-original-detail-hours > p { margin: .75rem 0 0; color: color-mix(in oklab, #737a75 70%, transparent); font-family: "Inter", system-ui, sans-serif; font-size: .75rem; font-style: italic; line-height: 1rem; }
.liso-original-detail-appointment { display: inline-flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: .5rem; padding: 0 1rem; margin-top: 1rem; color: #fff; background: oklch(0.65 0.2 40); border-radius: .5rem; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; font-weight: 600; text-decoration: none; transition: background-color .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); }
.liso-original-detail-appointment:hover, .liso-original-detail-appointment:focus-visible { background: color-mix(in oklab, oklch(0.65 0.2 40) 90%, transparent); }
.liso-original-detail-appointment:active { transform: scale(.97); }
.liso-original-detail-products { padding-top: 1.5rem; margin-top: 2rem; border-top: 1px solid color-mix(in oklab, oklch(0.65 0.2 40) 10%, transparent); }
.liso-original-detail-products h3 { margin: 0 0 1rem; color: oklch(0.22 0.02 80); font-family: "DM Sans", sans-serif; font-size: .875rem; font-weight: 700; line-height: 1.25rem; }
.liso-original-detail-products > div { display: grid; gap: .5rem; }
.liso-original-detail-products p { display: flex; gap: .5rem; align-items: center; margin: 0; color: #737a75; font-size: .875rem; line-height: 1.25rem; }
.liso-original-detail-route { width: 100%; min-height: 48px; padding: 0 1.25rem; margin-top: 1.5rem; background: oklch(0.65 0.2 40); border-radius: .5rem; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; font-weight: 600; }
.liso-original-detail-assurance { padding: 3rem 0; background: #fff8f3; }
.liso-original-detail-assurance > div > div { display: flex; width: min(100%, 42rem); gap: 1.5rem; align-items: center; padding: 2rem; margin: 0; background: #fff; border: 1px solid oklch(0.91 0.005 80); border-radius: 1rem; }
.liso-original-detail-assurance img { width: 64px; height: 64px; }
.liso-original-detail-assurance h3 { margin: 0 0 .25rem; color: oklch(0.22 0.02 80); font-family: "DM Sans", sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.75rem; }
.liso-original-detail-assurance p { margin: 0; color: #737a75; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; line-height: 1.25rem; }
@media (min-width: 768px) { .liso-original-detail-hero h1 { font-size: 2.25rem; line-height: 2.5rem; } }
@media (min-width: 1024px) { .liso-original-detail-grid { grid-template-columns: 2fr 1fr; } }
@media (max-width: 767px) { .liso-original-detail-hero { padding: 7rem 0 2.5rem; } .liso-original-detail-badges { align-items: flex-start; flex-direction: column; } .liso-original-detail-contact-card { padding: 1.25rem; } }

/* Directe Dealers.tsx-werkzoneportering uit pasted_content_4.txt. */
.liso-original-locations-content { padding: 3rem 0; background: #fff; }
.liso-original-locations-grid { gap: 2rem; }
.liso-original-map { min-height: 500px; border-color: oklch(0.91 0.005 80); border-radius: 1rem; }
.liso-original-map > div { height: 500px !important; min-height: 500px !important; }
.liso-original-dealer-list { max-height: 500px; padding-right: .5rem; gap: .75rem; }
.liso-original-dealer-card { padding: 1rem; border-color: oklch(0.91 0.005 80); border-radius: .75rem; transition: border-color .2s cubic-bezier(.4, 0, .2, 1), background-color .2s cubic-bezier(.4, 0, .2, 1); }
.liso-original-dealer-card:hover { border-color: color-mix(in oklab, oklch(0.65 0.2 40) 30%, oklch(0.91 0.005 80)); background: #fff8f3; }
@media (min-width: 1024px) { .liso-original-locations-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .liso-original-locations-grid > :first-child { grid-column: span 2 / span 2; } }
@media (min-width: 768px) and (max-width: 1023px) { .liso-original-locations-grid { grid-template-columns: 1fr; } }

/* Originele DealerCard.tsx-opbouw: één flexrij met pin in een vaste eerste kolom en alle inhoud op één tekstas. */
.liso-original-dealer-card.is-showroom { background: #fff; border-color: oklch(0.91 0.005 80); }
.liso-original-dealer-card.is-showroom:hover,
.liso-original-dealer-card.is-showroom:focus-within { background: #fff8f3; border-color: color-mix(in oklab, oklch(0.65 0.2 40) 30%, oklch(0.91 0.005 80)); }
.liso-original-dealer-card-row { display: flex; gap: .75rem; align-items: flex-start; }
.liso-original-dealer-card-row > svg { flex: 0 0 1.25rem; width: 1.25rem; height: 1.25rem; margin-top: .125rem; color: #737a75; }
.liso-original-dealer-card-content { flex: 1 1 auto; min-width: 0; }
.liso-original-dealer-card h2 { margin: 0 0 .125rem; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; font-weight: 600; line-height: 1.25rem; }
.liso-original-dealer-card p { margin: 0; color: #737a75; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; line-height: 1.25rem; }
.liso-original-dealer-card .liso-original-dealer-meta { gap: .75rem; margin-top: .5rem; color: #737a75; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; line-height: 1.25rem; }
.liso-original-dealer-card .liso-original-dealer-meta span { gap: .25rem; }
.liso-original-dealer-card .liso-original-dealer-meta svg { width: .875rem; height: .875rem; }
.liso-original-dealer-card .liso-original-dealer-meta .liso-original-dealer-website > svg { color: oklch(0.65 0.2 40); }
.liso-original-dealer-card .liso-original-dealer-meta .liso-original-dealer-website a { display: inline-flex; gap: .2rem; align-items: center; margin: 0; color: #737a75; font-size: inherit; font-weight: 400; line-height: inherit; text-decoration: none; white-space: nowrap; }
.liso-original-dealer-card .liso-original-dealer-meta .liso-original-dealer-website a:hover, .liso-original-dealer-card .liso-original-dealer-meta .liso-original-dealer-website a:focus-visible { color: oklch(0.65 0.2 40); }
.liso-original-dealer-card .liso-original-dealer-badges { gap: .5rem; margin-top: .5rem; margin-bottom: 0; }
.liso-original-dealer-card > .liso-original-dealer-card-row a { margin-top: .75rem; }

/* Originele Header.tsx uit verkooppunten-complete.html: routegebonden bronwaarden, zonder eerdere eigen chrome-interpretatie. */
.liso-nav.is-original-locations { height: 80px; padding: 0; background: #fff; border-bottom: 0; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); }
.liso-nav.is-original-locations .liso-nav-inner { display: flex; width: min(100% - 4rem, 1280px); height: 80px; align-items: center; justify-content: space-between; margin: 0 auto; }
.liso-nav.is-original-locations .liso-logo { width: auto; height: 48px; }
.liso-nav.is-original-locations .liso-links { gap: 2rem; }
.liso-nav.is-original-locations .liso-links a { padding: 0; color: #292b23; font-family: "Inter", sans-serif; font-size: .875rem; font-weight: 500; letter-spacing: 0; text-shadow: none; }
.liso-nav.is-original-locations .liso-links a[aria-current="page"] { color: var(--brand-primary); }
.liso-nav.is-original-locations .liso-links a::after { display: none; }
.liso-nav.is-original-locations .liso-header-actions { display: flex; gap: 1rem; }
.liso-nav.is-original-locations .liso-language-trigger { min-height: 0; padding: .25rem .5rem; color: #292b23; background: transparent; border: 0; border-radius: 0; font-family: "Inter", sans-serif; font-size: .875rem; font-weight: 500; letter-spacing: 0; text-shadow: none; }
.liso-nav.is-original-locations .liso-language-trigger:hover { color: oklch(0.65 0.2 40); background: transparent; border: 0; outline: none; }
.liso-nav.is-original-locations .liso-language-trigger:focus-visible { color: oklch(0.65 0.2 40); outline: 2px solid oklch(0.65 0.2 40 / 50%); outline-offset: 2px; }
.liso-nav.is-original-locations .liso-reference-contact-button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 1.25rem; color: #fff; background: var(--brand-primary); border: 0; border-radius: .5rem; font-family: "Inter", sans-serif; font-size: .875rem; font-weight: 600; text-decoration: none; }
.liso-nav.is-original-locations .liso-links a:hover,
.liso-nav.is-original-locations .liso-links a:focus-visible { color: oklch(0.65 0.2 40); }
.liso-nav.is-original-locations .liso-links a:hover::after,
.liso-nav.is-original-locations .liso-links a:focus-visible::after,
.liso-nav.is-original-locations .liso-links a[aria-current="page"]::after { display: none; width: 0; }
.liso-nav.is-original-locations .liso-menu-button { color: #292b23; background: transparent; border: 0; border-radius: 0; }
@media (max-width: 1023px) { .liso-nav.is-original-locations { height: 64px; } .liso-nav.is-original-locations .liso-nav-inner { width: min(100% - 2rem, 1280px); height: 64px; } .liso-nav.is-original-locations .liso-logo { height: 40px; } .liso-nav.is-original-locations .liso-links, .liso-nav.is-original-locations .liso-header-actions { display: none; } .liso-nav.is-original-locations .liso-menu-button { display: grid; width: 40px; min-height: 40px; } }

/* Liso-homehero: alleen op de startpagina transparant boven het aangeleverde herobeeld; na scroll herneemt dezelfde header de vaste bronstijl. */
.liso-nav.is-original-locations.is-home { position: fixed; inset: 0 0 auto; z-index: 70; background: transparent; box-shadow: none; }
.liso-nav.is-original-locations.is-home .liso-links a, .liso-nav.is-original-locations.is-home .liso-language-trigger { color: #fff; }
.liso-nav.is-original-locations.is-home .liso-links a[aria-current="page"] { color: #fff; }
.liso-nav.is-original-locations.is-home .liso-links a:hover, .liso-nav.is-original-locations.is-home .liso-links a:focus-visible, .liso-nav.is-original-locations.is-home .liso-language-trigger:hover { color: #fff; text-shadow: 0 1px 12px rgb(0 0 0 / 38%); }
.liso-nav.is-original-locations.is-home .liso-reference-contact-button { color: #fff; background: transparent; border: 1px solid rgb(255 255 255 / 85%); }
.liso-nav.is-original-locations.is-home .liso-reference-contact-button:hover, .liso-nav.is-original-locations.is-home .liso-reference-contact-button:focus-visible { color: #292b23; background: #fff; border-color: #fff; }
.liso-nav.is-original-locations.is-home .liso-menu-button { color: #fff; }

/* Bronwaarde uit de aangeleverde inspectie: .container krijgt vanaf 96rem maximaal 96rem (1536px). */
@media (min-width: 1536px) {
  .liso-original-locations-shell,
  .liso-original-footer-shell {
    width: min(calc(100% - 4rem), 96rem);
  }

  .liso-nav.is-original-locations .liso-nav-inner {
    width: min(calc(100% - 4rem), 96rem);
  }
}

/* Brongebaseerde hero- en kleuroverrides uit verkooppunten-complete.html. */
.liso-original-locations-hero { padding: 7rem 0 4rem; --liso-source-orange: oklch(0.65 0.2 40); --liso-source-blue-50: oklch(97% 0.014 254.604); --liso-source-blue-100: oklch(93.2% 0.032 255.585); --liso-source-blue-500: oklch(62.3% 0.214 259.815); --liso-source-blue-900: oklch(37.9% 0.146 265.522); }
.liso-original-locations-eyebrow { color: oklch(0.65 0.2 40); }
.liso-original-locations-search button, .liso-original-locations-tabs button[aria-pressed="true"], .liso-original-locations-cta a:first-child { background: oklch(0.65 0.2 40); border-color: oklch(0.65 0.2 40); }
.liso-original-locations-info { color: oklch(37.9% 0.146 265.522 / 80%); background: color-mix(in oklab, oklch(97% 0.014 254.604) 70%, transparent); border-color: oklch(93.2% 0.032 255.585); border-radius: .75rem; }
.liso-original-locations-info > svg { color: oklch(62.3% 0.214 259.815); }
.liso-original-locations-info strong { color: oklch(37.9% 0.146 265.522); font-weight: 500; }
.liso-original-locations-info p { color: oklch(37.9% 0.146 265.522 / 80%); }
.liso-original-locations-info a, .liso-original-dealer-meta svg, .liso-original-dealer-card a { color: oklch(0.65 0.2 40); }
.liso-original-search-status { min-height: 1.25rem; margin: 0 0 1rem; color: #737a75; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; line-height: 1.25rem; }
.liso-original-search-empty { padding: 1rem; color: oklch(0.22 0.02 80); background: #fff8f3; border: 1px solid color-mix(in oklab, oklch(0.65 0.2 40) 10%, transparent); border-radius: .75rem; font-family: "Inter", system-ui, sans-serif; }
.liso-original-search-empty strong { display: block; margin-bottom: .25rem; font-size: .875rem; line-height: 1.25rem; }
.liso-original-search-empty p { margin: 0; color: #737a75; font-size: .875rem; line-height: 1.5rem; }
.liso-original-search-empty button { padding: 0; margin-top: .75rem; color: oklch(0.65 0.2 40); background: transparent; border: 0; font-family: "Inter", system-ui, sans-serif; font-size: .875rem; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

/* Directe portering van ShowroomPopup.tsx uit de aangeleverde Liso-bron. */
.liso-original-showroom-popup { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 100; width: min(340px, calc(100% - 2rem)); padding: 0; }
.liso-original-showroom-popup > div { position: relative; overflow: hidden; background: #fff; border: 1px solid #f3f4f6; border-radius: 1rem; box-shadow: 0 25px 50px rgb(0 0 0 / 25%); }
.liso-original-popup-copy { position: relative; padding: 1.25rem 1.5rem 0; }
.liso-original-popup-copy img { display: block; width: auto; height: 28px; margin-bottom: 1rem; }
.liso-original-popup-copy h2 { padding-right: 1.5rem; margin: 0 0 .5rem; color: #292b23; font-family: "Inter", sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.5; }
.liso-original-popup-copy p { margin: 0 0 1rem; color: #73756e; font-family: "Inter", sans-serif; font-size: .875rem; line-height: 1.625; }
.liso-original-popup-close { position: absolute; top: 1rem; right: 1rem; display: grid; width: 28px; height: 28px; place-items: center; padding: 0; color: #9ca3af; background: transparent; border: 0; border-radius: 999px; }
.liso-original-popup-close:hover { color: #4b5563; background: #f3f4f6; }
.liso-original-popup-address { display: flex; gap: .5rem; align-items: center; padding: .625rem .75rem; margin: 0 1.5rem 1rem; color: #292b23; background: #fff8f3; border: 1px solid #ffe8d6; border-radius: .5rem; font-family: "Inter", sans-serif; font-size: .75rem; font-weight: 500; }
.liso-original-popup-address svg { flex: 0 0 auto; color: oklch(0.65 0.2 40); }
.liso-original-popup-action { display: flex; gap: .5rem; align-items: center; justify-content: center; min-height: 48px; padding: 0 1.25rem; margin: 0 1.5rem 1rem; color: #fff; background: oklch(0.65 0.2 40); border-radius: .5rem; font-family: "Inter", sans-serif; font-size: .875rem; font-weight: 600; text-decoration: none; }
.liso-original-popup-action:hover { background: color-mix(in oklab, oklch(0.65 0.2 40) 90%, transparent); }
@media (max-width: 767px) { .liso-original-locations-hero { padding: 7rem 0 4rem; } }
@media (max-width: 767px) { .liso-original-showroom-popup { display: none; } }

/* Directe Footer.tsx-portering uit verkooppunten-complete.html: deze regels vervangen de eerdere compacte afleiding. */
.liso-original-footer { color: #fff; background: oklch(0.22 0.02 80); font-family: "Inter", system-ui, sans-serif; }
.liso-original-footer-signal { border-bottom: 1px solid rgb(255 255 255 / 5%); }
.liso-original-footer-signal > div { display: grid; gap: 2rem; align-items: center; padding: 2.5rem 0; }
.liso-original-footer-signal h3 { display: flex; gap: .5rem; align-items: center; margin: 0 0 .5rem; color: #fff; font-family: "DM Sans", sans-serif; font-size: 1.125rem; font-weight: 600; line-height: 1.5; }
.liso-original-footer-signal h3 svg { color: oklch(0.65 0.2 40); }
.liso-original-footer-signal p { max-width: 36rem; margin: 0; color: rgb(255 255 255 / 50%); font-size: .875rem; line-height: 1.5; }
.liso-original-footer-signal nav { display: flex; flex-direction: column; gap: .5rem; align-items: flex-start; }
.liso-original-footer-signal nav > span { margin: 0; color: rgb(255 255 255 / 40%); font-family: "Inter", system-ui, sans-serif; font-size: .75rem; font-weight: 600; letter-spacing: .05em; line-height: 1rem; text-transform: uppercase; }
.liso-original-footer-signal nav a, .liso-original-footer-nav a, .liso-original-footer-contact a { display: block; padding: 0; margin: 0; color: rgb(255 255 255 / 60%); font-family: "Inter", system-ui, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; transition: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1), outline-color .15s cubic-bezier(.4, 0, .2, 1), text-decoration-color .15s cubic-bezier(.4, 0, .2, 1); }
.liso-original-footer-signal nav a:hover, .liso-original-footer-nav a:hover, .liso-original-footer-contact a:hover { color: #fff; }
.liso-original-footer-content { padding: 4rem 0; }
.liso-original-footer-main { display: grid; gap: 2.5rem; }
.liso-original-footer-brand img { display: block; width: auto; height: 40px; margin-bottom: 1rem; }
.liso-original-footer-brand p { max-width: 235px; margin: 1rem 0 0; color: rgb(255 255 255 / 60%); font-size: 14px; line-height: 1.625; }
.liso-original-footer-nav, .liso-original-footer-contact { display: flex; flex-direction: column; gap: .625rem; align-items: flex-start; font-style: normal; }
.liso-original-footer-nav h4, .liso-original-footer-contact h4 { margin: 0 0 1rem; color: rgb(255 255 255 / 80%); font-family: "DM Sans", sans-serif; font-size: .875rem; font-weight: 600; letter-spacing: .05em; line-height: 1.25rem; text-transform: uppercase; }
.liso-original-footer-contact p { padding: 0; margin: 0; color: rgb(255 255 255 / 60%); font-family: "Inter", system-ui, sans-serif; font-size: 14px; line-height: 20px; }
.liso-original-footer-bottom { display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: space-between; padding-top: 2rem; margin-top: 3rem; color: rgb(255 255 255 / 40%); border-top: 1px solid rgb(255 255 255 / 10%); font-family: "Inter", system-ui, sans-serif; font-size: .75rem; line-height: 1rem; text-align: center; }
.liso-original-footer-bottom > div { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.liso-original-footer-bottom a, .liso-original-footer-bottom button { padding: 0; margin: 0; color: rgb(255 255 255 / 40%); background: none; border: 0; font: inherit; text-decoration: none; transition: color .15s cubic-bezier(.4, 0, .2, 1); }
.liso-original-footer-bottom a:hover, .liso-original-footer-bottom button:hover { color: rgb(255 255 255 / 70%); }
@media (min-width: 768px) { .liso-original-footer-signal > div { grid-template-columns: repeat(3, minmax(0, 1fr)); } .liso-original-footer-signal > div > :first-child { grid-column: span 2 / span 2; } .liso-original-footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); } .liso-original-footer-bottom { flex-direction: row; text-align: left; } }
@media (min-width: 1024px) { .liso-original-footer-main { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .liso-original-footer-brand img { height: 48px; } }