/* Panical Dealer Locator - Premium UI */
.pdl-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  color: #111;
  font-family: inherit;
  box-sizing: border-box;
}

.pdl-wrap *,
.pdl-wrap *::before,
.pdl-wrap *::after {
  box-sizing: border-box;
}

.pdl-toolbar {
  display: grid;
  grid-template-columns: 1.45fr .95fr .95fr;
  gap: 14px;
  margin: 0 0 18px;
  align-items: end;
}

.pdl-toolbar label span {
  display: block;
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #111;
}

.pdl-toolbar input,
.pdl-toolbar select {
  width: 100%;
  min-height: 46px;
  border: 1px solid #dedede;
  background: #fff;
  color: #111;
  padding: 0 15px;
  border-radius: 0;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.pdl-toolbar input:focus,
.pdl-toolbar select:focus {
  border-color: #111;
  box-shadow: 0 0 0 1px #111 inset;
}


.pdl-native-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.pdl-custom-select {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.pdl-custom-select-trigger {
  position: relative;
  width: 100%;
  min-height: 46px;
  border: 1px solid #dedede;
  background: #fff;
  color: #111;
  padding: 0 42px 0 15px;
  border-radius: 0;
  font-size: 14px;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.pdl-custom-select-trigger::after {
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #111;
  border-bottom: 2px solid #111;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.pdl-custom-select.is-open .pdl-custom-select-trigger,
.pdl-custom-select-trigger:focus {
  border-color: #111;
  box-shadow: 0 0 0 1px #111 inset;
}

.pdl-custom-select-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 1px);
  z-index: 50;
  width: 100%;
  max-width: 100%;
  background: #fff;
  border: 1px solid #111;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
  display: none;
  overflow: hidden;
}

.pdl-custom-select.is-open .pdl-custom-select-menu {
  display: block;
}

.pdl-custom-select-option {
  width: 100%;
  min-height: 38px;
  padding: 9px 15px;
  border: 0;
  background: #fff;
  color: #111;
  display: block;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

.pdl-custom-select-option:hover,
.pdl-custom-select-option.is-selected {
  background: #111;
  color: #fff;
}

.pdl-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(320px, 28%, 390px);
  width: 100%;
  min-height: var(--pdl-height, 640px);
  background: #fff;
  border: 1px solid #e2e2e2;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(0,0,0,.06);
}

.pdl-panel-left .pdl-shell {
  grid-template-columns: clamp(320px, 28%, 390px) minmax(0, 1fr);
}

.pdl-panel-left .pdl-panel {
  order: 1;
  border-right: 1px solid #ececec;
  border-left: 0;
}

.pdl-panel-left .pdl-map-wrap {
  order: 2;
}

.pdl-panel-right .pdl-panel {
  order: 2;
  border-left: 1px solid #ececec;
}

.pdl-panel-right .pdl-map-wrap {
  order: 1;
}

.pdl-panel {
  position: relative;
  z-index: 2;
  min-height: var(--pdl-height, 640px);
  max-height: var(--pdl-height, 640px);
  background: #fff;
  overflow: auto;
}

.pdl-map-wrap {
  position: relative;
  min-height: var(--pdl-height, 640px);
  background: #f7f7f7;
}

.pdl-map {
  position: absolute;
  inset: 0;
  background: #f7f7f7;
}

.pdl-map-warning {
  position: absolute;
  inset: 22px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.94);
  border: 1px solid #d8d8d8;
  color: #111;
  text-align: center;
  padding: 24px;
  font-weight: 800;
}

.pdl-panel-empty {
  padding: 28px 26px;
  border-bottom: 1px solid #efefef;
  background: #fff;
}

.pdl-panel-empty strong,
.pdl-panel-empty span {
  display: block;
}

.pdl-panel-empty strong {
  font-size: 20px;
  margin-bottom: 8px;
  letter-spacing: -.02em;
}

.pdl-panel-empty span {
  font-size: 14px;
  color: #666;
  line-height: 1.55;
}

.pdl-panel-content {
  border-bottom: 1px solid #efefef;
  background: #fff;
}

.pdl-panel-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 0 14px;
  background: #080808;
  color: #fff;
}

.pdl-panel-title {
  flex: 1;
  margin: 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -.01em;
}

.pdl-panel-back,
.pdl-panel-directions {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 0;
  background: rgba(255,255,255,.12);
  color: #fff !important;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  transition: background .2s ease;
}

.pdl-panel-back:hover,
.pdl-panel-directions:hover {
  background: rgba(255,255,255,.24);
}

.pdl-panel-body {
  padding: 24px 26px 26px;
}

.pdl-info-row {
  margin: 0 0 18px;
}

.pdl-info-label {
  display: block;
  margin-bottom: 6px;
  color: #9a9a9a;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pdl-info-value {
  color: #1f1f1f;
  font-size: 15px;
  line-height: 1.55;
  word-break: break-word;
}

.pdl-info-value a {
  color: #111;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pdl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.pdl-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  background: #111;
  border: 1px solid #111;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  transition: all .2s ease;
}

.pdl-action.secondary {
  background: #fff;
  color: #111 !important;
}

.pdl-action:hover {
  background: #fff;
  color: #111 !important;
}

.pdl-action.secondary:hover {
  background: #111;
  color: #fff !important;
}

.pdl-list {
  padding: 0;
  background: #fff;
}

.pdl-list-item {
  width: 100%;
  display: block;
  padding: 18px 24px;
  border: 0;
  border-bottom: 1px solid #efefef;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: background .2s ease, padding-left .2s ease;
}

.pdl-list-item:hover,
.pdl-list-item.is-active {
  background: #f7f7f7;
  padding-left: 28px;
}

.pdl-list-name {
  display: block;
  margin-bottom: 6px;
  color: #111;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: -.01em;
}

.pdl-list-meta {
  display: block;
  color: #777;
  font-size: 12px;
  line-height: 1.45;
}

.pdl-no-results {
  padding: 28px 24px;
  color: #666;
  font-size: 14px;
}

.pdl-marker {
  width: 30px;
  height: 30px;
  border-radius: 999px 999px 999px 0;
  background: var(--pdl-marker-color, #111111);
  transform: rotate(-45deg);
  box-shadow: 0 5px 14px rgba(0,0,0,.24);
  border: 3px solid #fff;
}

.pdl-marker:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pdl-marker.is-active {
  background: #111;
}

/* Leaflet mode */
.pdl-leaflet-marker {
  background: transparent;
  border: 0;
}

.pdl-leaflet-marker .pdl-marker {
  display: block;
  position: relative;
}

.leaflet-container {
  font-family: inherit;
  background: #f7f7f7;
}

.leaflet-control-zoom {
  border: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}

.leaflet-control-zoom a {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  border: 0 !important;
  color: #111 !important;
  font-weight: 700;
}

.leaflet-control-attribution {
  font-size: 10px !important;
  background: rgba(255,255,255,.78) !important;
}

@media (max-width: 980px) {
  .pdl-wrap {
    max-width: none;
  }

  .pdl-toolbar {
    grid-template-columns: 1fr;
  }

  .pdl-shell,
  .pdl-panel-left .pdl-shell,
  .pdl-panel-right .pdl-shell {
    display: flex;
    flex-direction: column;
  }

  .pdl-panel,
  .pdl-panel-left .pdl-panel,
  .pdl-panel-right .pdl-panel {
    order: 2;
    min-height: auto;
    max-height: none;
    border: 0;
    border-top: 1px solid #ececec;
  }

  .pdl-map-wrap,
  .pdl-panel-left .pdl-map-wrap,
  .pdl-panel-right .pdl-map-wrap {
    order: 1;
    min-height: min(70vh, var(--pdl-height, 640px));
  }
}

@media (max-width: 560px) {
  .pdl-panel-body,
  .pdl-panel-empty {
    padding: 20px;
  }

  .pdl-panel-head {
    padding: 0 12px;
  }

  .pdl-shell {
    box-shadow: none;
  }
}


/* v1.0.3 refinements */
.pdl-map-wrap:after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04), inset 0 18px 40px rgba(255,255,255,.18);
  z-index: 1;
}

.pdl-panel-content:not([hidden]) + .pdl-list .pdl-list-item.is-active {
  border-left: 4px solid #111;
}

.pdl-marker {
  animation: pdlMarkerDrop .28s ease-out;
}

@keyframes pdlMarkerDrop {
  from { transform: translateY(-8px) rotate(-45deg); opacity: .3; }
  to { transform: translateY(0) rotate(-45deg); opacity: 1; }
}


/* v1.0.7 company initial marker */
.pdl-company-marker .pdl-marker {
  box-shadow: 0 0 0 4px rgba(17,17,17,.12), 0 5px 14px rgba(0,0,0,.24);
}

.pdl-leaflet-popup .leaflet-popup-content-wrapper {
  border-radius: 0;
  box-shadow: 0 10px 32px rgba(0,0,0,.18);
}

.pdl-leaflet-popup .leaflet-popup-content {
  margin: 14px 16px;
  min-width: 190px;
}

.pdl-popup strong,
.pdl-popup span,
.pdl-popup a {
  display: block;
}

.pdl-popup strong {
  margin-bottom: 6px;
  color: #111;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.pdl-popup span {
  margin-bottom: 8px;
  color: #555;
  font-size: 12px;
  line-height: 1.45;
}

.pdl-popup a {
  color: #111;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pdl-popup .pdl-popup-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  min-height: 34px;
  padding: 0 12px;
  background: #111;
  color: #fff !important;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
}


/* v1.0.8 refined popup UI */
.pdl-leaflet-popup .leaflet-popup-content-wrapper {
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 46px rgba(0,0,0,.20) !important;
}

.pdl-leaflet-popup .leaflet-popup-content {
  margin: 0 !important;
  min-width: 280px;
  max-width: 320px;
}

.pdl-leaflet-popup .leaflet-popup-tip {
  background: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

.pdl-leaflet-popup .leaflet-popup-close-button {
  top: 10px !important;
  right: 10px !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 26px !important;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  color: #111 !important;
  font-size: 18px !important;
  transition: all .2s ease;
}

.pdl-leaflet-popup .leaflet-popup-close-button:hover {
  background: #111;
  color: #fff !important;
}

.pdl-popup-card {
  position: relative;
  padding: 22px 24px 24px;
  border-top: 5px solid #111;
}

.pdl-popup-kicker {
  display: inline-flex;
  align-items: center;
  margin: 0 0 9px;
  padding: 4px 8px;
  background: #f3f3f3;
  color: #666;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pdl-popup-card strong {
  display: block;
  margin: 0 34px 10px 0;
  color: #111;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.pdl-popup-card .pdl-popup-address {
  display: block;
  margin: 0;
  color: #555;
  font-size: 14px;
  line-height: 1.55;
}

.pdl-popup-actions {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.pdl-popup .pdl-popup-btn,
.pdl-popup-card .pdl-popup-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  background: #111;
  color: #fff !important;
  border: 1px solid #111;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: all .2s ease;
}

.pdl-popup .pdl-popup-btn:hover,
.pdl-popup-card .pdl-popup-btn:hover {
  background: #fff;
  color: #111 !important;
}


/* v1.0.9 Panical official company card */
.pdl-company-card-slot {
  padding: 16px;
  border-bottom: 1px solid #efefef;
  background: #fff;
}

.pdl-company-card {
  position: relative;
  width: 100%;
  display: block;
  padding: 18px 18px 17px;
  border: 1px solid #e2e2e2;
  border-left: 5px solid #111;
  background: #fff;
  color: #111;
  text-align: left;
  cursor: pointer;
  transition: all .22s ease;
}

.pdl-company-card:hover,
.pdl-company-card.is-active {
  border-color: #111;
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

.pdl-company-card-kicker {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 4px 7px;
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pdl-company-card strong {
  display: block;
  margin: 0 0 8px;
  color: #111;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.pdl-company-card-address {
  display: block;
  color: #555;
  font-size: 13px;
  line-height: 1.5;
}

.pdl-company-card-action {
  display: inline-flex;
  margin-top: 13px;
  color: #111;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 2px solid #111;
}

.pdl-company-detail .pdl-company-badge {
  display: inline-flex;
  margin: 0 0 18px;
  padding: 5px 9px;
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* v1.1.0 PANICAL company card + map card refinement */
.pdl-company-card-slot {
  padding: 0;
  border-bottom: 1px solid #efefef;
  background: #fff;
}

.pdl-company-card {
  position: relative;
  width: 100%;
  display: block;
  padding: 22px 24px 24px;
  border: 1px solid rgba(17,17,17,.10);
  border-top: 4px solid #111;
  background: #fff;
  color: #111;
  text-align: left;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, border-top-width .22s ease;
}

.pdl-company-card:hover,
.pdl-company-card.is-active {
  border-color: #111;
  border-top-width: 6px;
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
  transform: scale(1.015);
}

.pdl-company-card-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 4px 8px;
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pdl-company-card strong {
  display: block;
  margin: 0 0 10px;
  color: #2a2a2a;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -.02em;
  transition: color .22s ease;
}

.pdl-company-card:hover strong,
.pdl-company-card.is-active strong {
  color: #111;
}

.pdl-company-card-intro {
  display: block;
  margin: 0;
  color: #666;
  font-size: 13px;
  line-height: 1.6;
  transition: color .22s ease;
}

.pdl-company-card:hover .pdl-company-card-intro,
.pdl-company-card.is-active .pdl-company-card-intro {
  color: #303030;
}

.pdl-company-card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin-top: 16px;
  padding: 0 16px;
  background: #111;
  border: 1px solid #111;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: all .22s ease;
}

.pdl-company-card:hover .pdl-company-card-action,
.pdl-company-card.is-active .pdl-company-card-action {
  background: #fff;
  color: #111;
}

.pdl-company-marker {
  background: transparent !important;
  border: 0 !important;
}

.pdl-company-map-card {
  position: relative;
  min-width: 156px;
  padding: 12px 16px 13px;
  border: 1px solid rgba(17,17,17,.12);
  border-top: 4px solid #111;
  background: rgba(255,255,255,.98);
  box-shadow: 0 10px 26px rgba(0,0,0,.10);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, border-top-width .22s ease;
}

.pdl-company-map-card:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 14px;
  height: 14px;
  background: rgba(255,255,255,.98);
  border-right: 1px solid rgba(17,17,17,.12);
  border-bottom: 1px solid rgba(17,17,17,.12);
  transform: translateX(-50%) rotate(45deg);
}

.pdl-company-map-kicker {
  display: block;
  margin: 0 0 5px;
  color: #777;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pdl-company-map-card strong {
  display: block;
  margin: 0;
  color: #444;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.02em;
  transition: color .22s ease;
}

.pdl-company-marker:hover .pdl-company-map-card,
.pdl-company-marker.is-active .pdl-company-map-card {
  transform: scale(1.04);
  border-color: #111;
  border-top-width: 6px;
  box-shadow: 0 16px 32px rgba(0,0,0,.16);
}

.pdl-company-marker:hover .pdl-company-map-card strong,
.pdl-company-marker.is-active .pdl-company-map-card strong {
  color: #111;
}

.pdl-company-marker:hover .pdl-company-map-card:after,
.pdl-company-marker.is-active .pdl-company-map-card:after {
  border-color: #111;
}


/* v1.1.1 correction: keep the company pin and add a PANICAL card above it */

/* Right-side PANICAL card: full width, no inset blank edge */
.pdl-company-card-slot {
  padding: 0 !important;
  border-bottom: 1px solid #efefef;
  background: #fff;
}

.pdl-company-card {
  width: 100%;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #efefef !important;
  border-top: 4px solid #111 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 24px 26px 26px !important;
}

.pdl-company-card:hover,
.pdl-company-card.is-active {
  border-top-width: 6px !important;
  border-color: #111 !important;
  box-shadow: inset 0 0 0 1px #111 !important;
  transform: none !important;
}

.pdl-company-card strong {
  color: #333;
}

.pdl-company-card:hover strong,
.pdl-company-card.is-active strong {
  color: #111;
}

/* Map marker: PANICAL card above + original pin below */
.pdl-company-marker {
  background: transparent !important;
  border: 0 !important;
}

.pdl-company-map-wrap {
  position: relative;
  width: 190px;
  height: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  pointer-events: auto;
}

.pdl-company-map-card {
  position: relative;
  width: auto;
  min-width: 112px;
  max-width: 172px;
  padding: 10px 16px 11px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(17,17,17,.14);
  border-top: 4px solid #111;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  text-align: center;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, border-top-width .22s ease;
}

.pdl-company-map-card strong {
  display: block;
  margin: 0;
  color: #444;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: .02em;
  transition: color .22s ease;
}

.pdl-company-map-wrap .pdl-company-pin {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -15px;
  display: block;
  z-index: 2;
}

.pdl-company-marker:hover .pdl-company-map-card,
.pdl-company-marker.is-active .pdl-company-map-card {
  transform: scale(1.045);
  border-color: #111;
  border-top-width: 7px;
  box-shadow: 0 16px 34px rgba(0,0,0,.18);
}

.pdl-company-marker:hover .pdl-company-map-card strong,
.pdl-company-marker.is-active .pdl-company-map-card strong {
  color: #111;
}

.pdl-company-marker:hover .pdl-company-pin,
.pdl-company-marker.is-active .pdl-company-pin {
  box-shadow: 0 0 0 5px rgba(17,17,17,.14), 0 5px 14px rgba(0,0,0,.24);
}


/* v1.1.2 correction: smoother PANICAL map label, keep only one company pin */
.pdl-company-marker {
  background: transparent !important;
  border: 0 !important;
}

.pdl-company-map-wrap {
  width: 170px !important;
  height: 88px !important;
  align-items: center;
  justify-content: flex-start;
}

/* remove the previous speech-bubble triangle; the pin itself is the pointer */
.pdl-company-map-card:after {
  display: none !important;
  content: none !important;
}

.pdl-company-map-card {
  min-width: 118px !important;
  max-width: 160px !important;
  padding: 11px 18px 12px !important;
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(17,17,17,.18) !important;
  border-top: 5px solid #111 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
  text-align: center !important;
  backdrop-filter: blur(2px);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, border-top-width .22s ease !important;
}

.pdl-company-map-card strong {
  color: #222 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
}

.pdl-company-map-wrap .pdl-company-pin {
  left: 50% !important;
  bottom: 0 !important;
  margin-left: -15px !important;
  z-index: 3 !important;
}

.pdl-company-marker:hover .pdl-company-map-card,
.pdl-company-marker.is-active .pdl-company-map-card {
  transform: translateY(-2px) scale(1.035) !important;
  border-color: #111 !important;
  border-top-width: 7px !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.18) !important;
}

.pdl-company-marker:hover .pdl-company-map-card strong,
.pdl-company-marker.is-active .pdl-company-map-card strong {
  color: #000 !important;
}

.pdl-company-marker:hover .pdl-company-pin,
.pdl-company-marker.is-active .pdl-company-pin {
  box-shadow: 0 0 0 5px rgba(17,17,17,.14), 0 5px 14px rgba(0,0,0,.24) !important;
}

/* make dealer pins visually secondary so they won't look like another PANICAL marker */
.pdl-dealer-marker .pdl-marker {
  transform: rotate(-45deg) scale(.88);
  opacity: .92;
}

/* Right PANICAL card: full-width, edited from settings, no inset card gap */
.pdl-panel > .pdl-company-card-slot {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.pdl-panel > .pdl-company-card-slot .pdl-company-card {
  width: 100% !important;
  margin: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

/* v1.1.3 responsive width + mobile layout refinement */
.pdl-wrap {
  width: 100% !important;
  max-width: 100% !important;
}

.pdl-shell {
  width: 100%;
}

.pdl-toolbar {
  width: 100%;
}

.pdl-map-wrap,
.pdl-panel {
  width: 100%;
}

@media (min-width: 981px) {
  .pdl-shell {
    grid-template-columns: minmax(0, 1fr) clamp(320px, 28%, 390px);
  }

  .pdl-panel-left .pdl-shell {
    grid-template-columns: clamp(320px, 28%, 390px) minmax(0, 1fr);
  }
}

@media (max-width: 980px) {
  .pdl-wrap {
    max-width: 100% !important;
  }

  .pdl-toolbar {
    gap: 12px;
    margin-bottom: 16px;
  }

  .pdl-shell,
  .pdl-panel-left .pdl-shell,
  .pdl-panel-right .pdl-shell {
    width: 100%;
    min-height: auto;
  }

  .pdl-panel,
  .pdl-panel-left .pdl-panel,
  .pdl-panel-right .pdl-panel {
    width: 100%;
    min-height: auto;
    max-height: none;
    overflow: visible;
  }

  .pdl-map-wrap,
  .pdl-panel-left .pdl-map-wrap,
  .pdl-panel-right .pdl-map-wrap {
    width: 100%;
    height: clamp(390px, 58vh, 500px);
    min-height: clamp(390px, 58vh, 500px);
  }

  .pdl-company-card {
    padding: 22px 24px 24px !important;
  }

  .pdl-panel-empty {
    padding: 24px 24px 22px;
  }

  .pdl-list-item {
    padding: 18px 24px;
  }
}

@media (max-width: 560px) {
  .pdl-toolbar {
    gap: 14px;
    margin-bottom: 14px;
  }

  .pdl-toolbar label span {
    margin-bottom: 7px;
    font-size: 10px;
    letter-spacing: .08em;
  }

  .pdl-toolbar input,
  .pdl-toolbar select,
  .pdl-custom-select-trigger {
    min-height: 50px;
    padding-left: 16px;
    font-size: 15px;
  }

  .pdl-custom-select-option {
    min-height: 40px;
    padding: 9px 16px;
    font-size: 15px;
  }

  .pdl-shell {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    box-shadow: none;
  }

  .pdl-map-wrap,
  .pdl-panel-left .pdl-map-wrap,
  .pdl-panel-right .pdl-map-wrap {
    height: clamp(360px, 54vh, 440px);
    min-height: clamp(360px, 54vh, 440px);
  }

  .pdl-company-map-wrap {
    transform: scale(.86);
    transform-origin: center bottom;
  }

  .pdl-company-card {
    padding: 20px 22px 22px !important;
  }

  .pdl-company-card-kicker,
  .pdl-company-detail .pdl-company-badge {
    font-size: 9px;
  }

  .pdl-company-card strong {
    font-size: 17px;
  }

  .pdl-company-card-intro,
  .pdl-panel-empty span,
  .pdl-list-meta {
    font-size: 13px;
  }

  .pdl-company-card-action,
  .pdl-action {
    min-height: 42px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pdl-panel-empty {
    padding: 24px 22px 22px;
  }

  .pdl-panel-empty strong {
    font-size: 22px;
  }

  .pdl-list-item {
    padding: 18px 22px;
  }

  .pdl-list-name {
    font-size: 16px;
  }

  .pdl-panel-body {
    padding: 22px;
  }
}

/* v1.1.4 layout refinement: adaptive width + cleaner mobile dealer locator */
.pdl-wrap {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.pdl-shell,
.pdl-toolbar {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 981px) {
  .pdl-shell {
    grid-template-columns: minmax(0, 1fr) clamp(300px, 26vw, 380px) !important;
  }

  .pdl-panel-left .pdl-shell {
    grid-template-columns: clamp(300px, 26vw, 380px) minmax(0, 1fr) !important;
  }
}

@media (max-width: 900px) {
  .pdl-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pdl-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
  }

  .pdl-toolbar label span {
    margin-bottom: 7px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: .08em !important;
  }

  .pdl-toolbar input,
  .pdl-toolbar select {
    min-height: 48px !important;
    padding: 0 15px !important;
    font-size: 15px !important;
  }

  .pdl-shell,
  .pdl-panel-left .pdl-shell,
  .pdl-panel-right .pdl-shell {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    border: 0px solid #ececec !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .pdl-map-wrap,
  .pdl-panel-left .pdl-map-wrap,
  .pdl-panel-right .pdl-map-wrap {
    order: 1 !important;
    width: 100% !important;
    height: clamp(320px, 50vh, 390px) !important;
    min-height: clamp(320px, 50vh, 390px) !important;
  }

  .pdl-map {
    position: absolute !important;
    inset: 0 !important;
  }

  .pdl-panel,
  .pdl-panel-left .pdl-panel,
  .pdl-panel-right .pdl-panel {
    order: 2 !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #ececec !important;
  }

  .pdl-company-map-wrap {
    transform: scale(.78) !important;
    transform-origin: center bottom !important;
  }

  .pdl-company-card {
    padding: 16px 18px 18px !important;
    border-top-width: 3px !important;
  }

  .pdl-company-card:hover,
  .pdl-company-card.is-active {
    border-top-width: 4px !important;
  }

  .pdl-company-card-kicker {
    margin-bottom: 7px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
  }

  .pdl-company-card strong {
    margin-bottom: 7px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  .pdl-company-card-intro {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .pdl-company-card-action {
    width: 100% !important;
    min-height: 40px !important;
    margin-top: 12px !important;
    padding: 0 12px !important;
    font-size: 10px !important;
  }

  .pdl-panel-empty {
    padding: 20px 20px 18px !important;
  }

  .pdl-panel-empty strong {
    font-size: 22px !important;
    line-height: 1.2 !important;
    margin-bottom: 7px !important;
  }

  .pdl-panel-empty span {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .pdl-list-item {
    padding: 16px 20px !important;
  }

  .pdl-list-item:hover,
  .pdl-list-item.is-active {
    padding-left: 22px !important;
  }

  .pdl-list-name {
    font-size: 16px !important;
    line-height: 1.32 !important;
  }

  .pdl-list-meta {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .pdl-panel-head {
    min-height: 56px !important;
  }

  .pdl-panel-body {
    padding: 20px !important;
  }
}

@media (max-width: 420px) {
  .pdl-map-wrap,
  .pdl-panel-left .pdl-map-wrap,
  .pdl-panel-right .pdl-map-wrap {
    height: 330px !important;
    min-height: 330px !important;
  }

  .pdl-company-map-wrap {
    transform: scale(.72) !important;
  }

  .pdl-company-card,
  .pdl-panel-empty,
  .pdl-list-item,
  .pdl-panel-body {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* v1.1.5 marker click fix: the PANICAL label is now a non-interactive tooltip, so dealer pins can be clicked normally. */
.pdl-company-marker {
  background: transparent !important;
  border: 0 !important;
}

.pdl-company-marker .pdl-company-pin {
  display: block !important;
}

.pdl-company-map-tooltip {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.pdl-company-map-tooltip::before {
  display: none !important;
}

.pdl-company-map-tooltip strong {
  display: block;
  min-width: 118px;
  max-width: 160px;
  padding: 11px 18px 12px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(17,17,17,.18);
  border-top: 5px solid #111;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  color: #222;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .035em;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none !important;
}

.pdl-company-marker.is-active .pdl-marker,
.pdl-company-marker:hover .pdl-marker {
  box-shadow: 0 0 0 5px rgba(17,17,17,.14), 0 5px 14px rgba(0,0,0,.24) !important;
}

@media (max-width: 560px) {
  .pdl-company-map-tooltip strong {
    min-width: 104px;
    padding: 9px 14px 10px;
    font-size: 14px;
  }
}

/* v1.1.7: desktop list internal scroll + mobile order optimization */
.pdl-mobile-count {
  display: none;
}

@media (min-width: 981px) {
  .pdl-panel {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .pdl-company-card-slot,
  .pdl-panel-empty,
  .pdl-panel-content {
    flex: 0 0 auto;
  }

  .pdl-panel-content:not([hidden]) {
    flex: 0 1 auto;
    min-height: 0;
    overflow-y: auto;
  }

  .pdl-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

@media (max-width: 900px) {
  .pdl-shell,
  .pdl-panel-left .pdl-shell,
  .pdl-panel-right .pdl-shell {
    display: flex !important;
    flex-direction: column !important;
  }

  .pdl-panel,
  .pdl-panel-left .pdl-panel,
  .pdl-panel-right .pdl-panel {
    display: contents !important;
  }

  .pdl-company-card-slot {
    display: none !important;
  }

  .pdl-panel-empty {
    order: 1 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #efefef !important;
    background: #fff !important;
  }

  .pdl-panel-empty .pdl-panel-instruction {
    display: none !important;
  }

  .pdl-mobile-count {
    display: block !important;
    margin-top: 6px !important;
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .pdl-list {
    order: 2 !important;
    max-height: 290px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    background: #fff !important;
    border-bottom: 1px solid #ececec !important;
  }

  .pdl-map-wrap,
  .pdl-panel-left .pdl-map-wrap,
  .pdl-panel-right .pdl-map-wrap {
    order: 3 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #ececec !important;
  }

  .pdl-panel-content {
    order: 4 !important;
    background: #fff !important;
    border-top: 1px solid #ececec !important;
    border-bottom: 0 !important;
  }

  .pdl-panel-content[hidden] {
    display: none !important;
  }

  .pdl-panel-content:not([hidden]) {
    display: block !important;
  }

  .pdl-list-item:last-child {
    border-bottom: 0 !important;
  }
}

@media (max-width: 420px) {
  .pdl-list {
    max-height: 270px !important;
  }
}


/* v1.1.8: dropdown flow fix + mobile scroll/official-card refinement */
.pdl-custom-select.is-open .pdl-custom-select-menu {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: 230px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 6 !important;
  margin-top: -1px !important;
}

.pdl-custom-select-menu::-webkit-scrollbar,
.pdl-list::-webkit-scrollbar,
.pdl-panel-content::-webkit-scrollbar {
  width: 6px;
}

.pdl-custom-select-menu::-webkit-scrollbar-thumb,
.pdl-list::-webkit-scrollbar-thumb,
.pdl-panel-content::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.22);
}

@media (min-width: 981px) {
  .pdl-list,
  .pdl-panel-content:not([hidden]) {
    overscroll-behavior: auto !important;
  }
}

@media (max-width: 900px) {
  .pdl-list {
    max-height: 290px !important;
    overflow-y: auto !important;
    overscroll-behavior: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .pdl-panel-content {
    order: 4 !important;
  }

  .pdl-company-card-slot {
    display: block !important;
    order: 5 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #ececec !important;
  }

  .pdl-company-card-slot .pdl-company-card {
    width: 100% !important;
    margin: 0 !important;
    padding: 17px 22px 18px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top: 3px solid #111 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .pdl-company-card-slot .pdl-company-card:hover,
  .pdl-company-card-slot .pdl-company-card.is-active {
    border-top-width: 3px !important;
    box-shadow: inset 0 0 0 1px #111 !important;
    transform: none !important;
  }

  .pdl-company-card-slot .pdl-company-card-kicker {
    margin-bottom: 8px !important;
    padding: 4px 8px !important;
    font-size: 9px !important;
  }

  .pdl-company-card-slot .pdl-company-card strong {
    margin-bottom: 7px !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  .pdl-company-card-slot .pdl-company-card-intro {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .pdl-company-card-slot .pdl-company-card-action {
    min-height: 38px !important;
    margin-top: 12px !important;
    padding: 0 15px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 420px) {
  .pdl-list {
    max-height: 260px !important;
  }

  .pdl-custom-select.is-open .pdl-custom-select-menu {
    max-height: 210px !important;
  }
}


/* v1.1.9: restore natural desktop filter row + hide duplicate official card when viewing details on mobile */
@media (min-width: 901px) {
  .pdl-toolbar {
    position: relative !important;
    z-index: 30 !important;
    align-items: end !important;
  }

  .pdl-custom-select {
    position: relative !important;
  }

  .pdl-custom-select.is-open .pdl-custom-select-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% - 1px) !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 9999 !important;
    margin-top: 0 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.14) !important;
  }

  .pdl-shell {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (max-width: 900px) {
  .pdl-active-dealer .pdl-company-card-slot,
  .pdl-active-company .pdl-company-card-slot {
    display: none !important;
  }

  .pdl-active-list .pdl-company-card-slot {
    display: block !important;
  }
}


/* v1.2.0: Cleaner detail mode
   - On desktop, when a dealer/company detail is open, hide the list below the detail panel.
   - Keep the Back button as the return path to the dealer list.
*/
@media (min-width: 901px) {
  .pdl-active-dealer .pdl-list,
  .pdl-active-company .pdl-list {
    display: none !important;
  }

  .pdl-active-dealer .pdl-panel-content:not([hidden]),
  .pdl-active-company .pdl-panel-content:not([hidden]) {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }
}

/* v1.2.1: PC-only official Panical information row below map
   - Keep the Panical marker/tooltip on the map.
   - Remove the Panical card from the desktop right panel.
   - Keep mobile layout unchanged.
*/
.pdl-company-bottom {
  display: none;
}

@media (min-width: 901px) {
  .pdl-panel > .pdl-company-card-slot {
    display: none !important;
  }

  .pdl-company-bottom {
    display: block !important;
    width: 100%;
    background: #111;
    color: #fff;
    border-left: 1px solid #111;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    box-shadow: 0 18px 50px rgba(0,0,0,.06);
  }

  .pdl-company-bottom-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    width: 100%;
    padding: 20px 26px;
    background: #111;
    color: #fff;
  }

  .pdl-company-bottom-main {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
  }

  .pdl-company-bottom-kicker {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 24px;
    padding: 4px 9px;
    background: #fff;
    color: #111;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
  }

  .pdl-company-bottom-card strong {
    flex: 0 0 auto;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.02em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .pdl-company-bottom-card span:not(.pdl-company-bottom-kicker) {
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.45;
  }

  .pdl-company-bottom-action {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid rgba(255,255,255,.85);
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: uppercase;
    transition: all .2s ease;
  }

  .pdl-company-bottom-action:hover,
  .pdl-company-bottom-card.is-active .pdl-company-bottom-action {
    background: #fff;
    color: #111;
  }

  .pdl-company-bottom-detail {
    background: #fff;
    color: #111;
    border-top: 1px solid rgba(255,255,255,.18);
  }

  .pdl-company-bottom-detail[hidden] {
    display: none !important;
  }

  .pdl-company-bottom-detail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 0 24px;
    background: #080808;
    color: #fff;
  }

  .pdl-company-bottom-detail-head strong {
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: .02em;
  }

  .pdl-company-bottom-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    background: rgba(255,255,255,.12);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
  }

  .pdl-company-bottom-close:hover {
    background: rgba(255,255,255,.24);
  }

  .pdl-company-bottom-detail-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 34px;
    padding: 26px 28px 8px;
    background: #fff;
  }

  .pdl-company-bottom-detail-body .pdl-company-badge,
  .pdl-company-bottom-detail-body .pdl-actions {
    grid-column: 1 / -1;
  }

  .pdl-company-bottom-detail-body .pdl-actions {
    margin-bottom: 22px;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .pdl-company-bottom-card,
  .pdl-company-bottom-main {
    align-items: flex-start;
  }

  .pdl-company-bottom-main {
    flex-wrap: wrap;
    gap: 10px 14px;
  }

  .pdl-company-bottom-action {
    margin-left: auto;
  }
}

@media (max-width: 900px) {
  .pdl-company-bottom {
    display: none !important;
  }
}

/* v1.2.2 design refinement: stronger black/white contrast + cleaner desktop composition */
@media (min-width: 901px) {
  .pdl-panel-empty {
    padding: 0 !important;
    background: #050505 !important;
    color: #fff !important;
    border-bottom: 0 !important;
  }

  .pdl-panel-empty strong {
    display: block;
    margin: 0 !important;
    padding: 30px 28px 8px !important;
    color: #fff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }

  .pdl-panel-empty .pdl-panel-instruction {
    display: block !important;
    padding: 0 28px 12px !important;
    color: #fff !important;
    opacity: .82 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .pdl-panel-count {
    display: inline-flex !important;
    align-items: center;
    margin: 0 28px 28px !important;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  .pdl-list-item {
    position: relative;
    padding: 20px 26px !important;
    transition: background .2s ease, padding-left .2s ease;
  }

  .pdl-list-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #111;
    transition: width .2s ease;
  }

  .pdl-list-item:hover::before,
  .pdl-list-item.is-active::before {
    width: 4px;
  }

  .pdl-list-item:hover,
  .pdl-list-item.is-active {
    background: #f8f8f8 !important;
    padding-left: 32px !important;
  }

  .pdl-list-name {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  .pdl-list-meta {
    color: #666 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .pdl-panel-head {
    min-height: 72px !important;
    padding: 0 18px !important;
    background: #050505 !important;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.08);
  }

  .pdl-panel-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  .pdl-panel-back,
  .pdl-panel-directions {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
  }

  .pdl-panel-body {
    padding: 26px !important;
    background: #fff !important;
  }

  .pdl-panel-body .pdl-info-row {
    margin: 0 0 14px !important;
    padding: 16px 18px !important;
    border: 1px solid #ececec !important;
    background: #fff !important;
  }

  .pdl-panel-body .pdl-info-label {
    margin-bottom: 8px !important;
    color: #111 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  .pdl-panel-body .pdl-info-value,
  .pdl-panel-body .pdl-info-value a {
    color: #111 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    text-decoration-color: #111 !important;
  }

  .pdl-panel-body .pdl-actions {
    margin-top: 8px !important;
  }

  .pdl-company-bottom {
    border: 0 !important;
    box-shadow: 0 20px 46px rgba(0,0,0,.07) !important;
  }

  .pdl-company-bottom-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    padding: 30px 34px !important;
    background: #050505 !important;
    color: #fff !important;
  }

  .pdl-company-bottom-copy {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
  }

  .pdl-company-bottom-kicker {
    align-self: flex-start;
    min-height: 26px !important;
    padding: 0 10px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
  }

  .pdl-company-bottom-title-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 16px;
  }

  .pdl-company-bottom-card strong {
    color: #fff !important;
    font-size: 42px !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -.05em !important;
    text-transform: uppercase !important;
    white-space: nowrap;
  }

  .pdl-company-bottom-subtitle {
    color: #fff !important;
    opacity: .74;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
  }

  .pdl-company-bottom-intro {
    margin: 0 !important;
    max-width: 820px;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    letter-spacing: .01em;
  }

  .pdl-company-bottom-cta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .pdl-company-bottom-action {
    min-height: 48px !important;
    padding: 0 24px !important;
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .pdl-company-bottom-action:hover,
  .pdl-company-bottom-card.is-active .pdl-company-bottom-action {
    background: #fff !important;
    color: #111 !important;
  }

  .pdl-company-bottom-detail {
    background: #050505 !important;
    color: #fff !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }

  .pdl-company-bottom-detail-head {
    min-height: 72px !important;
    padding: 0 28px !important;
    background: #000 !important;
    color: #fff !important;
  }

  .pdl-company-bottom-detail-head strong {
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
  }

  .pdl-company-bottom-close {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
  }

  .pdl-company-bottom-detail-body {
    display: block !important;
    padding: 32px 34px 34px !important;
    background: #050505 !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-detail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .pdl-company-bottom-detail-body .pdl-company-badge,
  .pdl-company-bottom-detail-body .pdl-actions {
    grid-column: 1 / -1;
  }

  .pdl-company-bottom-detail-body .pdl-company-badge {
    display: inline-flex !important;
    justify-self: start;
    margin: 0 0 6px !important;
    padding: 6px 10px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row {
    margin: 0 !important;
    padding: 18px 20px !important;
    background: #111 !important;
    border: 1px solid rgba(255,255,255,.12) !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-label {
    margin-bottom: 10px !important;
    color: #fff !important;
    opacity: .62 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-value,
  .pdl-company-bottom-detail-body .pdl-info-value a {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    text-decoration-color: #fff !important;
    text-underline-offset: 4px !important;
  }

  .pdl-company-bottom-detail-body .pdl-actions {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px !important;
    margin-top: 8px !important;
  }

  .pdl-company-bottom-detail-body .pdl-action {
    min-height: 46px !important;
    padding: 0 20px !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #111 !important;
  }

  .pdl-company-bottom-detail-body .pdl-action:hover {
    background: transparent !important;
    color: #fff !important;
  }

  .pdl-company-bottom-detail-body .pdl-action.secondary {
    background: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
  }

  .pdl-company-bottom-detail-body .pdl-action.secondary:hover {
    background: #fff !important;
    color: #111 !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  .pdl-company-bottom-card {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .pdl-company-bottom-card strong {
    font-size: 36px !important;
  }

  .pdl-company-bottom-intro {
    font-size: 16px !important;
  }

  .pdl-company-bottom-cta {
    justify-content: flex-start !important;
  }
}

/* v1.2.3: apply Panical marked layout corrections - PC only */
@media (min-width: 901px) {
  /* Right panel Dealers header: white module with stronger black rules, less empty space */
  .pdl-panel-empty {
    padding: 22px 26px 20px !important;
    background: #fff !important;
    color: #111 !important;
    border-top: 4px solid #111 !important;
    border-bottom: 3px solid #111 !important;
  }

  .pdl-panel-empty strong {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 27px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }

  .pdl-panel-empty .pdl-panel-instruction {
    display: block !important;
    max-width: 300px;
    padding: 0 !important;
    color: #111 !important;
    opacity: .78 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .pdl-panel-count {
    display: block !important;
    margin: 5px 0 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    opacity: .9 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  /* Bottom official row: compact black strip, badge is the only white block, CTA is underline text */
  .pdl-company-bottom {
    background: #050505 !important;
    border: 0 !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.08) !important;
  }

  .pdl-company-bottom-card {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 18px 28px !important;
    background: #050505 !important;
    color: #fff !important;
  }

  .pdl-company-bottom-copy {
    display: contents !important;
  }

  .pdl-company-bottom-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #111 !important;
    outline: 1px solid #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .pdl-company-bottom-title-row {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 16px !important;
  }

  .pdl-company-bottom-card strong {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .pdl-company-bottom-subtitle {
    display: none !important;
  }

  .pdl-company-bottom-intro {
    margin: 0 !important;
    min-width: 0 !important;
    color: #fff !important;
    opacity: .96 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .pdl-company-bottom-cta {
    display: flex !important;
    justify-content: flex-end !important;
  }

  .pdl-company-bottom-action {
    min-height: auto !important;
    padding: 0 0 4px !important;
    border: 0 !important;
    border-bottom: 2px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .pdl-company-bottom-action:hover,
  .pdl-company-bottom-card.is-active .pdl-company-bottom-action {
    background: transparent !important;
    color: #fff !important;
    opacity: .72 !important;
  }

  /* Expanded company detail: remove black horizontal title bar, keep only right close button */
  .pdl-company-bottom-detail {
    position: relative !important;
    background: #fff !important;
    color: #111 !important;
    border: 2px solid #111 !important;
    border-top: 0 !important;
  }

  .pdl-company-bottom-detail-head {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 5 !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #111 !important;
  }

  .pdl-company-bottom-detail-head strong {
    display: none !important;
  }

  .pdl-company-bottom-close {
    width: 40px !important;
    height: 40px !important;
    background: #111 !important;
    border: 1px solid #111 !important;
    color: #fff !important;
    font-size: 22px !important;
  }

  .pdl-company-bottom-close:hover {
    background: #fff !important;
    color: #111 !important;
  }

  .pdl-company-bottom-detail-body {
    display: block !important;
    padding: 28px 76px 34px 30px !important;
    background: #fff !important;
    color: #111 !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-detail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 18px 26px !important;
    align-items: start !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-badge,
  .pdl-company-bottom-detail-body .pdl-actions {
    grid-column: 1 / -1 !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-badge {
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    margin: 0 0 2px !important;
    padding: 0 12px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row {
    margin: 0 !important;
    padding: 0 0 16px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #dcdcdc !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #111 !important;
    opacity: .55 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-value,
  .pdl-company-bottom-detail-body .pdl-info-value a {
    color: #111 !important;
    font-size: 16px !important;
    line-height: 1.58 !important;
    text-decoration-color: #111 !important;
    text-underline-offset: 4px !important;
  }

  .pdl-company-bottom-detail-body .pdl-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 4px 0 0 !important;
  }

  .pdl-company-bottom-detail-body .pdl-action {
    min-height: 44px !important;
    padding: 0 20px !important;
    background: #111 !important;
    border: 1px solid #111 !important;
    color: #fff !important;
  }

  .pdl-company-bottom-detail-body .pdl-action:hover {
    background: #fff !important;
    color: #111 !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .pdl-company-bottom-card {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 14px 18px !important;
  }

  .pdl-company-bottom-cta {
    grid-column: 2 !important;
    justify-content: flex-start !important;
  }

  .pdl-company-bottom-intro {
    white-space: normal !important;
  }
}

/* v1.2.4: apply final marked PC corrections */
@media (min-width: 901px) {
  /* Right Dealers header: keep top black rule, restore normal divider below, remove duplicate count */
  .pdl-panel-empty {
    padding: 22px 26px 20px !important;
    border-top: 4px solid #111 !important;
    border-bottom: 1px solid #efefef !important;
  }

  .pdl-panel-empty .pdl-mobile-count {
    display: none !important;
  }

  .pdl-panel-count {
    display: block !important;
    margin: 5px 0 0 !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
  }

  /* Bottom PANICAL strip: one clean horizontal row only */
  .pdl-company-bottom-card {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 20px 30px !important;
    background: #050505 !important;
    color: #fff !important;
  }

  .pdl-company-bottom-copy {
    display: contents !important;
  }

  .pdl-company-bottom-kicker {
    grid-column: auto !important;
    min-height: 30px !important;
    padding: 0 13px !important;
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #111 !important;
    outline: 1px solid #fff !important;
    white-space: nowrap !important;
  }

  .pdl-company-bottom-title-row {
    grid-column: auto !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .pdl-company-bottom-card strong {
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .pdl-company-bottom-intro {
    grid-column: auto !important;
    margin: 0 !important;
    min-width: 0 !important;
    color: #fff !important;
    opacity: .98 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .pdl-company-bottom-cta {
    grid-column: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-width: max-content !important;
  }

  .pdl-company-bottom-action {
    color: #fff !important;
    opacity: 1 !important;
    border-bottom: 2px solid #fff !important;
  }

  .pdl-company-bottom-action:hover,
  .pdl-company-bottom-card.is-active .pdl-company-bottom-action {
    color: #fff !important;
    opacity: .74 !important;
    background: transparent !important;
  }

  /* Expanded PANICAL details: remove duplicate badge and move content up */
  .pdl-company-bottom-detail-body {
    padding: 22px 76px 30px 30px !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-badge {
    display: none !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-detail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 18px 28px !important;
    align-items: end !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row {
    margin: 0 !important;
    padding: 0 0 16px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #dcdcdc !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row-company-name { order: 1 !important; }
  .pdl-company-bottom-detail-body .pdl-info-row-introduction { order: 2 !important; }
  .pdl-company-bottom-detail-body .pdl-info-row-phone { order: 3 !important; }
  .pdl-company-bottom-detail-body .pdl-info-row-whatsapp { order: 4 !important; }
  .pdl-company-bottom-detail-body .pdl-info-row-email { order: 5 !important; }
  .pdl-company-bottom-detail-body .pdl-info-row-website { order: 6 !important; }
  .pdl-company-bottom-detail-body .pdl-info-row-description {
    order: 7 !important;
    grid-column: 1 / -1 !important;
  }

  /* Last row: address on the left, location button on the right */
  .pdl-company-bottom-detail-body .pdl-info-row-address {
    order: 8 !important;
    grid-column: 1 / 2 !important;
  }

  .pdl-company-bottom-detail-body .pdl-actions {
    order: 9 !important;
    grid-column: 2 / 3 !important;
    align-self: end !important;
    justify-self: end !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding-bottom: 16px !important;
  }

  .pdl-company-bottom-detail-body .pdl-action {
    min-height: 44px !important;
    padding: 0 22px !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .pdl-company-bottom-card {
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    gap: 14px !important;
  }

  .pdl-company-bottom-cta {
    grid-column: auto !important;
    justify-content: flex-end !important;
  }

  .pdl-company-bottom-intro {
    white-space: nowrap !important;
  }
}

/* v1.2.5: final PC refinements from marked screenshot
   - Center the View Company Details action inside the right black strip area.
   - Keep the expanded company detail compact and remove any remaining duplicate badge.
   - Make only the final address/action row use an 80/20 layout.
*/
@media (min-width: 901px) {
  .pdl-company-bottom-card {
    grid-template-columns: auto auto minmax(0, 1fr) clamp(260px, 28%, 420px) !important;
    gap: 22px !important;
  }

  .pdl-company-bottom-cta {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .pdl-company-bottom-action {
    margin: 0 auto !important;
    text-align: center !important;
  }

  .pdl-company-bottom-detail-body {
    padding: 18px 56px 28px 30px !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-badge,
  .pdl-company-bottom-detail .pdl-company-badge {
    display: none !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-detail {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    gap: 18px 28px !important;
    align-items: end !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row-company-name,
  .pdl-company-bottom-detail-body .pdl-info-row-phone,
  .pdl-company-bottom-detail-body .pdl-info-row-email {
    grid-column: span 5 !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row-introduction,
  .pdl-company-bottom-detail-body .pdl-info-row-whatsapp,
  .pdl-company-bottom-detail-body .pdl-info-row-website {
    grid-column: span 5 !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row-description {
    grid-column: 1 / -1 !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row-address {
    grid-column: 1 / 9 !important;
    padding-bottom: 14px !important;
  }

  .pdl-company-bottom-detail-body .pdl-actions {
    grid-column: 9 / 11 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 0 14px !important;
  }

  .pdl-company-bottom-detail-body .pdl-actions .pdl-action {
    width: 100% !important;
    max-width: 190px !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .pdl-company-bottom-card {
    grid-template-columns: auto auto minmax(0, 1fr) clamp(220px, 30%, 340px) !important;
    gap: 14px !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-detail {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
}

/* v1.2.6: align PC official bar into one stable horizontal row + 70/30 address/action row */
@media (min-width: 901px) {
  .pdl-company-bottom-card {
    display: grid !important;
    grid-template-columns: 145px auto minmax(360px, 1fr) 300px !important;
    align-items: center !important;
    gap: 26px !important;
    padding: 0px 34px !important;
  }

  .pdl-company-bottom-copy {
    display: contents !important;
  }

  .pdl-company-bottom-kicker {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  .pdl-company-bottom-title-row {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    align-self: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .pdl-company-bottom-title-row .pdl-company-bottom-subtitle {
    display: none !important;
  }

  .pdl-company-bottom-card strong {
    display: block !important;
    margin: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .pdl-company-bottom-intro {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .pdl-company-bottom-cta {
    grid-column: 4 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  .pdl-company-bottom-action {
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .pdl-company-bottom-detail-body .pdl-company-detail {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    gap: 18px 28px !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row-company-name,
  .pdl-company-bottom-detail-body .pdl-info-row-phone,
  .pdl-company-bottom-detail-body .pdl-info-row-email {
    grid-column: span 5 !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row-introduction,
  .pdl-company-bottom-detail-body .pdl-info-row-whatsapp,
  .pdl-company-bottom-detail-body .pdl-info-row-website {
    grid-column: span 5 !important;
  }

  .pdl-company-bottom-detail-body .pdl-info-row-address {
    order: 8 !important;
    grid-column: 1 / 8 !important;
  }

  .pdl-company-bottom-detail-body .pdl-actions {
    order: 9 !important;
    grid-column: 8 / 11 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding-bottom: 16px !important;
  }

  .pdl-company-bottom-detail-body .pdl-actions .pdl-action {
    width: auto !important;
    min-width: 190px !important;
    max-width: 240px !important;
    text-align: center !important;
  }
}

@media (min-width: 901px) and (max-width: 1280px) {
  .pdl-company-bottom-card {
    grid-template-columns: 145px auto minmax(360px, 1fr) 300px !important;
    gap: 20px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  .pdl-company-bottom-card strong {
    font-size: 34px !important;
  }

  .pdl-company-bottom-intro {
    font-size: 15px !important;
  }
}


/* v1.2.8: 1024px and below tablet official bottom bar cleanup */
@media (min-width: 901px) and (max-width: 1024px) {
  .pdl-company-bottom-card {
    grid-template-columns: 145px auto minmax(0, 1fr) auto !important;
    gap: 20px !important;
  }

  .pdl-company-bottom-intro {
    display: none !important;
  }

  .pdl-company-bottom-cta {
    grid-column: 4 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .pdl-company-bottom-action {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}


/* v1.3.0: Mobile dealer dropdown matches Country / City select style */
.pdl-mobile-dealer-select,
.pdl-mobile-dealer-custom {
  display: none;
}

@media (max-width: 900px) {
  .pdl-panel-empty {
    padding: 26px 24px 24px !important;
  }

  .pdl-panel-empty .pdl-panel-count {
    display: none !important;
  }

  .pdl-panel-empty .pdl-mobile-count {
    display: block !important;
    margin: 8px 0 16px !important;
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
  }

  .pdl-mobile-dealer-custom {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .pdl-mobile-dealer-custom .pdl-custom-select-trigger {
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 42px 0 16px !important;
    border: 1px solid #dedede !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 50px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    box-shadow: none !important;
  }

  .pdl-mobile-dealer-custom .pdl-custom-select-trigger::after {
    right: 16px !important;
  }

  .pdl-mobile-dealer-custom .pdl-custom-select-menu {
    z-index: 80 !important;
    max-height: 260px !important;
    overflow-y: auto !important;
  }

  .pdl-mobile-dealer-custom .pdl-custom-select-option {
    min-height: 42px !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
  }

  .pdl-list {
    display: none !important;
  }
}


/* v1.3.1: Mobile Dealers block typography and spacing cleanup */
@media (max-width: 900px) {
  .pdl-panel-empty {
    margin-bottom: 30px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
  }

  .pdl-panel-empty strong {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #111111 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }
}


/* v1.3.2: Mobile Dealers dropdown header cleanup */
@media (max-width: 900px) {
  .pdl-wrap .pdl-panel-empty {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px 16px !important;
    padding: 0 !important;
    margin: 0 0 30px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
  }

  .pdl-wrap .pdl-panel-empty strong {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111111 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .pdl-wrap .pdl-panel-empty .pdl-panel-instruction,
  .pdl-wrap .pdl-panel-empty .pdl-panel-count {
    display: none !important;
  }

  .pdl-wrap .pdl-panel-empty .pdl-mobile-count {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #666666 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  .pdl-wrap .pdl-panel-empty .pdl-mobile-dealer-select,
  .pdl-wrap .pdl-panel-empty .pdl-mobile-dealer-custom {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .pdl-wrap .pdl-panel-empty .pdl-mobile-dealer-custom .pdl-custom-select-trigger {
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 42px 0 16px !important;
    border: 1px solid #dedede !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 50px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
  }
}

/* v1.3.3: Mobile shell border and company card slot border adjusted */


/* v1.3.4: Treat 768px and 820px tablet widths as mobile layout */
@media (max-width: 900px) {
  .pdl-wrap .pdl-list {
    display: none !important;
  }
}