.fr-archive{ background:#f6f1e8; color:#20160f; --fr-container: min(1120px,92%); }
.fr-archive-hero{
  position:relative;
  background:#2b1a10;
  background-size:cover;
  background-position:center;
  padding: 64px 0;
}
.fr-archive-hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.06));
}
.fr-archive-hero__inner{ position:relative; z-index:2; color:#fff;}
.fr-archive-title{ font-size:clamp(34px,4vw,54px); margin:0 0 10px; color:#fff; }
.fr-archive-intro{ max-width:80ch; color:rgba(32,22,15,.68); line-height:1.7; }
.archive-top-text{color:#fff;}

.fr-filterrow{
  display:flex; gap:12px; flex-wrap:wrap; align-items:center;
  padding: 22px 0 14px;
}
.fr-select{
  background:#fff; border:1px solid rgba(32,22,15,.12);
  border-radius:10px; padding: 10px 12px;
}
.fr-clear{ color:rgba(32,22,15,.55); text-decoration:none; font-size:13px; }
.fr-count{ margin-left:auto; color:rgba(32,22,15,.55); font-size:13px; }

.fr-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding: 10px 0 44px; }
.fr-badge{ position:absolute; top:10px; left:10px; background:#f18c37; color:#1b120c; font-weight:900; font-size:12px; padding:6px 10px; border-radius:999px; }
.fr-loc{ margin:0 0 8px; font-size:12px; color:rgba(32,22,15,.62); display:flex; gap:8px; align-items:center; }
.fr-title{ margin:0 0 8px; font-size:20px; }
.fr-excerpt{ margin:0 0 10px; color:rgba(32,22,15,.66); font-size:13px; line-height:1.6; }
/* .fr-chips{ display:flex; gap:8px; flex-wrap:wrap; padding-top:8px; border-top:1px solid rgba(32,22,15,.08); } */
.fr-price{ margin:10px 0 0; font-size:13px; color:rgba(32,22,15,.70); }

.fr-bottomseo{ padding: 40px 0 70px; }
.fr-bottomseo .fr-seobox{
  background:#fff; border-radius:16px; padding:18px;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  color:rgba(32,22,15,.82);
  line-height:1.75;
  font-size:16px;
}

.fr-title{transition:.3s;}
.fr-card:hover .fr-title{color:var(--fr-accent);transition:.3s;}
.fr-card__img img{transition:.3s;}
.fr-card:hover .fr-card__img img{scale:1.05;transition:.3s;}

@media (max-width: 980px){
  .fr-grid{ grid-template-columns:repeat(2,1fr); }
  .fr-count{ width:100%; margin-left:0; }
}
@media (max-width: 560px){
  .fr-grid{ grid-template-columns:1fr; }
}

/* Archive-specific overrides */
.fr-archive .fr-card__img img{ height:260px; }