/* ============================================================
   Homepage category section — featured dealer + "Also in…" sidebar
   Enqueue on the homepage (or append to the theme stylesheet).
   Built on the caravan palette; falls back if tokens are absent.
   ============================================================ */
.dd-home-cat { padding: 2.5rem 0; }
.dd-home-cat .container { margin: 0 auto; }

/* Header */
.dd-home-cat__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; margin-bottom: 1.5rem; }
.dd-home-cat__title { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; font-size: 1.75rem; font-weight: 700; color: var(--caravan-text, #16243B); margin: 0 0 0.4rem; line-height: 1.15; }
.dd-home-cat__count { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #13223A; background: var(--caravan-primary, #C6A256); padding: 0.2rem 0.6rem; border-radius: 999px; }
.dd-home-cat__sub { max-width: 65rem; font-size: 1.25rem; line-height: 1.6; color: var(--caravan-muted, #4B5566); margin: 0; }
.dd-home-cat__viewall { flex: none; font-size: 1rem; font-weight: 700; color: var(--caravan-dark, #C6A256); text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.35rem; padding-top: 0.4rem; border: 1px solid var(--caravan-dark, #c6a256);
    border-radius: 100rem;
    padding: .45rem .9rem;}
.dd-home-cat__viewall:hover { text-decoration: none;   background: var(--caravan-primary, #C6A256); color: #13223A; border: 1px solid  var(--caravan-primary, #C6A256);}

/* Body: 4 dealer cards in one row */
.dd-home-cat__body { padding-top: 0 !important; padding-bottom: 0 !important; }
.dd-home-cat__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; align-items: stretch; }

/* Centered "See All" button below the grid */
.dd-home-cat__more { display: flex; justify-content: center; margin-top: 2rem; }
.dd-home-cat__seeall {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-size: 1rem; font-weight: 700;
  color: #13223a;
  background: var(--caravan-primary, #c6a256);
  border: 1px solid var(--caravan-primary, #c6a256);
  border-radius: 100rem;
  padding: 0.75rem 1.75rem;
  text-decoration: none;
  transition: all 0.15s ease;
}
.dd-home-cat__seeall:hover {
  background: var(--caravan-primary-hover, #d8b76e);
  border-color: var(--caravan-primary-hover, #d8b76e);
  color: #13223a;
  text-decoration: none;
}

/* Featured card */
.dd-feature { background: var(--caravan-white, #fff); border: 1px solid var(--caravan-border, #E5E7EB); border-radius: var(--caravan-radius-lg, 1rem); overflow: hidden; display: flex; flex-direction: column; }
.dd-feature__hero {border-top: .375rem solid #d8b76e; position: relative; display: flex; align-items: center; justify-content: center; min-height: 300px; background: #13223A center/cover no-repeat; text-decoration: none; }
/*.dd-feature__hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(19,34,58,.25), rgba(19,34,58,.75)); }*/

.dd-feature__badge { position: absolute;z-index: 2;top: 12px;left: 12px;font-size: .75rem;font-weight: 700;color: #c6a256;background: #13223a;padding: .3rem .6rem;border-radius: 999px;display: inline-flex;align-items: center;gap: .35rem; }
.dd-feature__content { padding: 1.25rem 1.5rem 1.5rem; display: flex; flex-direction: column; gap: 0.6rem; }
.dd-feature__name { font-size: 1.375rem; font-weight: 700; color: var(--caravan-text, #16243B); margin: 0; }
.dd-feature__content a { text-decoration: none; }
.dd-feature__tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.dd-feature__tags .category { padding: .25rem .5rem;border-radius: 100rem;font-size: .75rem;font-weight: 500; }
.dd-feature__tags .more-categories { background: var(--caravan-gray-light, #F3F4F6); color: var(--caravan-muted, #4B5566); }
.dd-feature__loc { font-size: 1rem; color: var(--caravan-muted, #4B5566); display: flex; align-items: center; gap: 0.4rem; }
.dd-feature__loc i {color:var(--caravan-primary)}
.dd-feature__desc { font-size: 1rem; line-height: 1.6; color: var(--caravan-muted, #4B5566); margin: 0; }
.dd-feature__foot { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-top: 0.5rem; border-top: 1px solid var(--caravan-border, #E5E7EB); margin-top: 0.4rem; }
.dd-feature__price { display: flex; flex-direction: column; }
.dd-feature__price .label { font-size: 1rem; color: var(--caravan-muted, #4B5566); }
.dd-feature__price .value { font-size: 1.25rem; font-weight: 700; color: var(--caravan-text, #16243B); }
.dd-feature__profile { font-size: 0.875rem; font-weight: 700; color: var(--caravan-primary, #C6A256); border: 1px solid var(--caravan-primary, #C6A256); border-radius: 100rem; padding: 0.55rem 0.9rem; display: inline-flex; align-items: center; gap: 0.4rem; white-space: nowrap; }
.dd-feature__profile:hover { background: var(--caravan-primary, #C6A256); color: #13223A; }
.dd-feature__actions { display: flex; gap: 0.5rem; }
.dd-feature__content .dealer-card__actions{justify-content: flex-start;    gap: 1.2rem;}
.dd-act { width: 2.25rem; height: 2.25rem; border-radius: 0.4rem; border: 1px solid var(--caravan-border, #E5E7EB); display: flex; align-items: center; justify-content: center; color: var(--caravan-text, #16243B); text-decoration: none; transition: all .15s ease; }
.dd-act:hover { border-color: var(--caravan-primary, #C6A256); color: var(--caravan-primary, #C6A256); }
.dd-act--go { background: var(--caravan-primary, #C6A256); color: #13223A; border-color: var(--caravan-primary, #C6A256); }

/* Also-in sidebar */
.dd-alsoin { background: var(--caravan-white, #fff); border: 1px solid var(--caravan-border, #E5E7EB); border-radius: var(--caravan-radius-lg, 1rem); padding: 1.5rem; }
.dd-alsoin__title { font-size: 1.125rem; font-weight: 700; color: var(--caravan-text, #16243B); margin: 0 0 0.5rem; }
.dd-alsoin__lead { font-size: 0.875rem; line-height: 1.6; color: var(--caravan-muted, #4B5566); margin: 0 0 1.25rem; }
.dd-alsoin__avatars { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }
.dd-avatar { width: 2.75rem; height: 2.75rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-weight: 700; text-decoration: none; background: #13223A; color: #fff; }
.dd-avatar--more { background: var(--caravan-gray-light, #F3F4F6); color: var(--caravan-muted, #4B5566); }
.dd-alsoin__btn { display: block; text-align: center; background: var(--caravan-primary, #C6A256); color: #fff; font-weight: 700; font-size: 0.9375rem; text-decoration: none; padding: 0.8rem 1rem; border-radius: 0.5rem; }
.dd-alsoin__btn:hover { background: var(--caravan-primary-hover, #D8B76E); }

/* Responsive: 4 -> 3 -> 2 -> 1 */
@media (max-width: 1200px) {
  .dd-home-cat__cards { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
  .dd-home-cat__cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
  .dd-home-cat__cards { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
  .dd-home-cat { padding: 2rem 0; }
  .dd-home-cat__head { flex-direction: column; gap: 0.5rem; }
  .dd-home-cat__title { font-size: 1.4rem; }
  
}