.elementor-kit-6{--e-global-color-primary:#FF6D33;--e-global-color-secondary:#1F1F1F;--e-global-color-text:#7E7E7E;--e-global-color-accent:#FFFFFF;--e-global-color-9e57d78:#FF6900;--e-global-color-9a300cb:#000000;--e-global-color-a3c563c:#7E7F7F;--e-global-color-f64eaa3:#1E1F1F;--e-global-color-5d3d9f1:#F39872;--e-global-color-a4590cc:#F9C2AD;--e-global-color-c7769f0:#FDE9E1;--e-global-color-9e056f0:#FFF8F5;--e-global-color-d29f180:#94ACB3;--e-global-typography-primary-font-family:"Articulat Normal";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Articulat Normal";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Mono";--e-global-typography-accent-font-weight:500;font-family:"Articulat", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-9e57d78 );}.elementor-kit-6 h1{font-family:"Articulat", Sans-serif;font-size:72px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.cky-btn-revisit-wrapper {
    display: none !important;
}



/* Icke-aktiva knappar */
[type=button],
[type=submit],
button {
    background-color: #fff !important;       /* vit bakgrund */
    color: #FF6900 !important;              /* orange text */
    border: 1px solid #FF6900 !important;   /* orange kant */
}

/* Hover/fokus */
[type=button]:hover,
[type=submit]:hover,
button:hover,
[type=button]:focus,
[type=submit]:focus,
button:focus {
    background-color: #FF6900 !important;   /* orange bakgrund */
    color: #fff !important;                 /* vit text */
}

/* Aktiv knapp/flik */
.tab-button.active {
    background-color: #FF6900 !important;   /* orange bakgrund */
    color: #fff !important;                 /* vit text */
    border-color: #FF6900 !important;       /* orange kant */
}





/* ============================================
   DRIVERS FIRST — LOCATION PAGES
   Elementor Free version
   Brand: #FF6D33, #1F1F1F, Sora + DM Mono
   ============================================ */

:root {
  --df-orange: #FF6D33;
  --df-orange-hover: #e8580d;
  --df-dark: #1F1F1F;
  --df-dark-card: #2a2a2a;
  --df-dark-border: #3a3a3a;
  --df-text-white: #ffffff;
  --df-text-light: #dddddd;
  --df-text-muted: #999999;
  --df-text-dim: #777777;
  --df-tag-bg: #333333;
  --df-tag-text: #cccccc;
}


/* =============================================
   LOCATIONS OVERVIEW
   ============================================= */

/* Mörk section — sätt bakgrundsfärg #1F1F1F i Elementor Style-flik,
   denna klass fixar padding och border-radius */
.df-dark-section {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.df-dark-section > .elementor-container {
  padding: 40px 30px !important;
}

/* Kort-section ansluter till section ovan utan gap */
.df-cards-section {
  margin-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  overflow: hidden !important;
}
.df-cards-section > .elementor-container {
  padding: 0 30px 40px 30px !important;
  gap: 12px !important;
}

/* Section title med orange linje */
.df-section-title .elementor-heading-title {
  color: var(--df-text-white) !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  padding-left: 20px;
  position: relative;
}
.df-section-title .elementor-heading-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 32px;
  background: var(--df-orange);
  border-radius: 3px;
}

/* Section intro */
.df-section-intro,
.df-section-intro p {
  color: var(--df-text-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}


/* --- Location cards --- */

.df-card-col > .elementor-widget-wrap {
  background: var(--df-dark-card) !important;
  border: 0.5px solid var(--df-dark-border) !important;
  border-radius: 8px !important;
  padding: 20px !important;
  transition: border-color 0.2s ease;
}
.df-card-col:hover > .elementor-widget-wrap {
  border-color: var(--df-orange) !important;
}

/* Card title med orange dot */
.df-card-title .elementor-heading-title {
  color: var(--df-text-white) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding-left: 18px;
  position: relative;
}
.df-card-title .elementor-heading-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--df-orange);
}

/* Card description */
.df-card-desc,
.df-card-desc p {
  color: var(--df-text-muted) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* Service tags — Icon List som pills */
.df-card-tags .elementor-icon-list-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}
.df-card-tags .elementor-icon-list-item {
  display: inline-flex !important;
  width: auto !important;
}
.df-card-tags .elementor-icon-list-item::after,
.df-card-tags .elementor-icon-list-item:not(:last-child)::after {
  display: none !important;
}
.df-card-tags .elementor-icon-list-text {
  background: var(--df-tag-bg) !important;
  color: var(--df-tag-text) !important;
  font-size: 10px !important;
  padding: 3px 8px !important;
  border-radius: 10px !important;
}
.df-card-tags .elementor-icon-list-icon {
  display: none !important;
}

/* Card spots count */
.df-card-spots .elementor-heading-title {
  color: var(--df-orange) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: 'DM Mono', monospace !important;
}

/* Card arrow link */
.df-card-arrow a,
.df-card-arrow .elementor-icon,
.df-card-arrow .elementor-button {
  color: var(--df-orange) !important;
  font-size: 14px !important;
}


/* =============================================
   LOCATION DETAIL (Jönköping etc.)
   Sätt bakgrundsfärg #1F1F1F i Elementor Style-flik
   på varje section
   ============================================= */

/* Hero section */
.df-hero-section {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.df-hero-section > .elementor-container {
  padding: 40px 30px !important;
  position: relative;
}

/* Badges */
.df-badge-orange .elementor-button {
  background: rgba(255, 109, 51, 0.15) !important;
  color: var(--df-orange) !important;
  font-size: 11px !important;
  padding: 4px 10px !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: default !important;
  box-shadow: none !important;
}
.df-badge-neutral .elementor-button {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #aaa !important;
  font-size: 11px !important;
  padding: 4px 10px !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: default !important;
  box-shadow: none !important;
}

/* Hero title */
.df-hero-title .elementor-heading-title {
  color: var(--df-text-white) !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

/* Hero subtitle */
.df-hero-subtitle .elementor-heading-title {
  color: var(--df-text-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* Rating */
.df-rating-row > .elementor-container {
  justify-content: center !important;
  gap: 6px !important;
}
.df-rating-score .elementor-heading-title {
  color: var(--df-text-white) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.df-rating-count .elementor-heading-title {
  color: var(--df-text-dim) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.df-rating-star .elementor-icon {
  color: var(--df-orange) !important;
  font-size: 14px !important;
}

/* CTA-knappar */
.df-cta-primary .elementor-button {
  background-color: var(--df-orange) !important;
  color: var(--df-text-white) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border: none !important;
}
.df-cta-primary .elementor-button:hover {
  background-color: var(--df-orange-hover) !important;
}
.df-cta-secondary .elementor-button {
  background-color: var(--df-dark-card) !important;
  color: var(--df-tag-text) !important;
  border: 0.5px solid var(--df-dark-border) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
}
.df-cta-secondary .elementor-button:hover {
  border-color: var(--df-orange) !important;
}

/* Description */
.df-description,
.df-description p {
  color: #bbb !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}
.df-description strong,
.df-description b {
  color: var(--df-orange) !important;
  font-weight: 500 !important;
}

/* Section label */
.df-label .elementor-heading-title {
  color: var(--df-text-dim) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}


/* --- Services grid --- */

.df-services-section {
  border-radius: 0 !important;
}
.df-services-section > .elementor-container {
  padding: 30px !important;
}

.df-services-col .elementor-icon-list-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.df-services-col .elementor-icon-list-item {
  background: var(--df-dark-card) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  width: calc(50% - 4px) !important;
  box-sizing: border-box !important;
}
.df-services-col .elementor-icon-list-item::after,
.df-services-col .elementor-icon-list-item:not(:last-child)::after {
  display: none !important;
}
.df-services-col .elementor-icon-list-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  background: rgba(255, 109, 51, 0.12) !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
}
.df-services-col .elementor-icon-list-icon i,
.df-services-col .elementor-icon-list-icon svg {
  color: var(--df-orange) !important;
  fill: var(--df-orange) !important;
  font-size: 13px !important;
  width: 13px !important;
  height: 13px !important;
}
.df-services-col .elementor-icon-list-text {
  color: var(--df-text-light) !important;
  font-size: 12px !important;
}


/* --- Nearby panel --- */

.df-nearby-section {
  border-radius: 8px !important;
  overflow: hidden !important;
}
.df-nearby-section > .elementor-container {
  padding: 16px 20px !important;
}
.df-nearby-title .elementor-heading-title {
  color: var(--df-text-dim) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.df-nearby-name .elementor-heading-title {
  color: var(--df-text-light) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.df-nearby-detail,
.df-nearby-detail p {
  color: var(--df-text-dim) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}


/* =============================================
   RESPONSIVE
   ============================================= */

@media (max-width: 767px) {
  .df-dark-section > .elementor-container,
  .df-hero-section > .elementor-container,
  .df-services-section > .elementor-container {
    padding: 24px 16px !important;
  }
  .df-cards-section > .elementor-container {
    padding: 0 16px 24px 16px !important;
  }
  .df-hero-title .elementor-heading-title {
    font-size: 24px !important;
  }
  .df-services-col .elementor-icon-list-item {
    width: 100% !important;
  }
}



/* =================================================================
   Drivers First — Locations templates CSS
   ================================================================= */

/* ---------- Breadcrumb / eyebrow helpers ---------- */
.df-section-eyebrow .df-section-bar {
  display: inline-block;
  width: 4px;
  height: 14px;
  background: #FF6D33;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 2px;
}

/* ---------- Live availability pulses ---------- */
@keyframes df-pulse   { 0%,100% { box-shadow: 0 0 0 0 rgba(62,207,142,0.5);} 50% { box-shadow: 0 0 0 6px rgba(62,207,142,0);} }
@keyframes df-pulse-y { 0%,100% { box-shadow: 0 0 0 0 rgba(245,181,71,0.5);} 50% { box-shadow: 0 0 0 6px rgba(245,181,71,0);} }
@keyframes df-pulse-r { 0%,100% { box-shadow: 0 0 0 0 rgba(229,72,72,0.5);} 50% { box-shadow: 0 0 0 6px rgba(229,72,72,0);} }

/* ============================================================
   TEMPLATE 1 — Locations overview cards
   ============================================================ */
.df-loc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 900px) {
  .df-loc-grid { grid-template-columns: 1fr; }
}

.df-loc-card {
  display: flex;
  flex-direction: column;
  padding: 28px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
  min-height: 240px;
  cursor: pointer;
}
.df-loc-card:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.16);
  transform: translateY(-2px);
}

.df-loc-name {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Articulat Normal', sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #FFFFFF;
  margin-bottom: 14px;
  letter-spacing: -0.3px;
}
.df-loc-name::before {
  content: '';
  width: 9px;
  height: 9px;
  background: #FF6D33;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(255,109,51,0.6);
  flex-shrink: 0;
}

.df-loc-desc {
  font-family: 'Articulat Normal', sans-serif;
  color: #B5B5B5;
  font-size: 15px;
  line-height: 1.55;
  margin-bottom: 22px;
  flex-grow: 1;
}

.df-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 24px;
}
.df-pill {
  display: inline-block;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.4px;
  padding: 5px 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 100px;
  color: #B5B5B5;
}

.df-loc-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.df-loc-avail { display: flex; flex-direction: column; gap: 2px; }
.df-loc-avail-top {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #888;
}
.df-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3ECF8E;
  animation: df-pulse 2.4s ease-in-out infinite;
}
.df-loc-avail.status-yellow .df-dot { background: #F5B547; animation-name: df-pulse-y; }
.df-loc-avail.status-red    .df-dot { background: #E54848; animation-name: df-pulse-r; }
.df-loc-avail-num {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #FFFFFF;
}
.df-loc-avail-of { font-size: 14px; color: #777; margin-left: 2px; font-weight: 400; }
.df-loc-avail.status-green  .df-loc-avail-num > span[data-df-available] { color: #3ECF8E; }
.df-loc-avail.status-yellow .df-loc-avail-num > span[data-df-available] { color: #F5B547; }
.df-loc-avail.status-red    .df-loc-avail-num > span[data-df-available] { color: #E54848; }

.df-loc-arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,109,51,0.12);
  color: #FF6D33;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.3s;
}
.df-loc-card:hover .df-loc-arrow { background: #FF6D33; color: #FFFFFF; }

.df-live-stamp {
  margin-top: 18px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #777;
  text-align: right;
}

/* ============================================================
   TEMPLATE 2 — Location page
   ============================================================ */

/* Hero stats */
.df-hero-stats {
  display: flex;
  gap: 32px;
  align-items: flex-end;
  margin-bottom: 28px;
}
@media (max-width: 700px) {
  .df-hero-stats { flex-wrap: wrap; gap: 20px; }
}
.df-hero-stat-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 6px;
}
.df-hero-stat-value {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  letter-spacing: -0.5px;
}
.df-hero-stat-unit { font-size: 14px; color: #B5B5B5; margin-left: 4px; font-weight: 400; }
.df-live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3ECF8E;
  animation: df-pulse 2.4s ease-in-out infinite;
}
.df-stat-live.status-yellow .df-live-dot { background: #F5B547; animation-name: df-pulse-y; }
.df-stat-live.status-red    .df-live-dot { background: #E54848; animation-name: df-pulse-r; }
.df-stat-live.status-green  .df-hero-stat-value > span[data-df-available] { color: #3ECF8E; }
.df-stat-live.status-yellow .df-hero-stat-value > span[data-df-available] { color: #F5B547; }
.df-stat-live.status-red    .df-hero-stat-value > span[data-df-available] { color: #E54848; }

/* Quick facts */
.df-quick-facts {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  padding: 32px;
}
.df-quick-facts-title {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FF6D33;
  margin: 0 0 24px;
}
.df-fact-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  gap: 16px;
}
.df-fact-row:last-child { border-bottom: none; }
.df-fact-k {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 14px;
  color: #B5B5B5;
}
.df-fact-v {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: right;
}

/* Services grid */
.df-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 900px) { .df-services-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .df-services-grid { grid-template-columns: 1fr; } }
.df-service {
  background: #141414;
  padding: 28px 24px;
  transition: background 0.3s;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 140px;
}
.df-service:hover { background: #1f1f1f; }
.df-service-ic { width: 32px; height: 32px; color: #FF6D33; }
.df-service-ic svg { width: 100%; height: 100%; }
.df-service-name {
  font-family: 'Articulat Normal', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #FFFFFF;
}
.df-service-sub {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  color: #888;
}
.df-service-cta { background: #FF6D33; }
.df-service-cta:hover { background: #E55A23; }
.df-service-cta .df-service-ic, .df-service-cta .df-service-name { color: #FFFFFF; }
.df-service-cta .df-service-sub { color: rgba(255,255,255,0.7); }

/* Gallery */
.df-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 240px 240px;
  gap: 8px;
}
@media (max-width: 900px) {
  .df-gallery { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
  .df-gallery .df-gallery-img { min-height: 220px; }
}
.df-gallery-img {
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
}
.df-gallery-img:hover { transform: scale(1.02); }
.df-gallery-img:nth-child(1) { grid-column: span 2; grid-row: span 2; }
@media (max-width: 900px) { .df-gallery-img:nth-child(1) { grid-column: span 2; grid-row: span 1; } }

/* Map */
.df-map-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  border: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 900px) { .df-map-grid { grid-template-columns: 1fr; } }
.df-map-info {
  padding: 48px;
  background: rgba(255,255,255,0.03);
}
.df-map-eyebrow {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FF6D33;
  margin-bottom: 16px;
}
.df-map-title {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 24px;
  letter-spacing: -0.5px;
}
.df-map-addr {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #B5B5B5;
  margin-bottom: 28px;
}
.df-map-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Articulat Normal', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #FF6D33;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,109,51,0.4);
  padding-bottom: 4px;
}
.df-map-embed { min-height: 420px; background: #2a2a2a; }
.df-map-embed iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0;
  filter: grayscale(0.6) invert(0.92) contrast(0.85);
}

/* Nearby */
.df-nearby-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 900px) { .df-nearby-grid { grid-template-columns: 1fr; } }
.df-nearby-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 28px;
  transition: all 0.3s;
}
.df-nearby-card:hover { background: rgba(255,255,255,0.06); }
.df-nearby-eyebrow {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #FF6D33;
  margin-bottom: 12px;
}
.df-nearby-name {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0 0 8px;
  letter-spacing: -0.3px;
}
.df-nearby-desc {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 14px;
  color: #B5B5B5;
  line-height: 1.6;
  margin: 0 0 16px;
}
.df-nearby-dist {
  font-family: 'Articulat Normal', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #888;
  letter-spacing: 0.5px;
}

/* Center-align CTA section button */
.df-location-cta .df-btn--primary { margin: 0 auto !important; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Articulat Normal';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://driversfirst.eu/wp-content/uploads/2026/05/Articulat-CF-Normal.ttf') format('truetype');
}
/* End Custom Fonts CSS */