/* ===================================================
   اشیونه — صفحه‌ی تک‌آگهی
   =================================================== */
.ashs{
  --ashs-navy:#1B2A4A;
  --ashs-gold:#C9A227;
  --ashs-text:#2C2C2C;
  --ashs-muted:#6b7280;
  --ashs-line:#E4E6EA;
  --ashs-chip:#F1F2F4;

  direction:rtl;
  font-family:inherit;
  color:var(--ashs-text);
  line-height:1.85;
}
.ashs *{box-sizing:border-box}

/* ---------- مسیر راهنما ---------- */
.ashs-crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:13.5px;color:var(--ashs-muted);margin-bottom:18px;
}
.ashs-crumbs a{color:var(--ashs-muted);text-decoration:none}
.ashs-crumbs a:hover{color:var(--ashs-gold)}
.ashs-crumbs i{font-style:normal;opacity:.5}

/* ---------- گالری ---------- */
.ashs-gal{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:8px;
  aspect-ratio:16 / 9.5;      /* داخل ستون اصلی، کمی بلندتر خوش‌فرم‌تر است */
  max-height:420px;
  margin-bottom:20px;
}
.ashs-gal > a{
  position:relative;display:block;overflow:hidden;
  border-radius:12px;background:#e6e9ee;min-height:0;
}
.ashs-gal > a:first-child{grid-column:1;grid-row:1 / span 2;border-radius:14px}
.ashs-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ashs-gal > a:hover img{transform:scale(1.05)}

.ashs-more{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(27,42,74,.62);
  color:#fff;font-size:15px;font-weight:700;
}
.ashs-noimg{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#9aa2b0;font-size:14px;
}

.ashs-badges{position:absolute;top:14px;right:14px;display:flex;gap:8px;z-index:2}
.ashs-badge{
  padding:6px 13px;border-radius:999px;
  background:rgba(27,42,74,.9);color:#fff;
  font-size:12.5px;font-weight:600;
}
.ashs-badge--gold{background:var(--ashs-gold);color:var(--ashs-navy)}

/* ---------- ستون‌بندی ---------- */
.ashs-cols{display:grid;grid-template-columns:1fr 350px;gap:26px;align-items:start}

.ashs-panel{
  background:#fff;border:1px solid var(--ashs-line);
  border-radius:16px;padding:24px;margin-bottom:20px;
}
.ashs-panel h2{
  font-size:19px;font-weight:700;color:var(--ashs-navy);
  margin:0 0 16px;padding-bottom:12px;
  border-bottom:1px solid var(--ashs-line);
}

.ashs-title{font-size:clamp(21px,2.4vw,29px);font-weight:700;color:var(--ashs-navy);margin:0 0 8px}
.ashs-place{color:var(--ashs-muted);font-size:15px;margin:0 0 18px}
.ashs-place svg{width:17px;height:17px;stroke:var(--ashs-gold);fill:none;stroke-width:1.8;vertical-align:-3px;margin-left:4px}

.ashs-headline{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:14px;padding-top:16px;border-top:1px dashed var(--ashs-line);
}
.ashs-price{font-size:clamp(22px,2.4vw,30px);font-weight:700;color:var(--ashs-navy)}
.ashs-price small{display:block;font-size:14px;font-weight:400;color:var(--ashs-muted);margin-top:4px}
.ashs-permeter{font-size:14px;color:var(--ashs-muted)}

/* ---------- مشخصات ---------- */
.ashs-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0}
.ashs-spec{background:var(--ashs-chip);border-radius:12px;padding:14px 16px}
.ashs-spec dt{font-size:13px;color:var(--ashs-muted);margin-bottom:4px}
.ashs-spec dd{font-size:16px;font-weight:700;color:var(--ashs-navy);margin:0}

/* ---------- امکانات ---------- */
.ashs-features{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.ashs-features li{
  display:flex;align-items:center;gap:7px;
  padding:8px 14px;border-radius:10px;
  background:var(--ashs-chip);font-size:14px;
}
.ashs-features svg{width:16px;height:16px;stroke:var(--ashs-gold);fill:none;stroke-width:2.4}

/* ---------- توضیحات ---------- */
.ashs-desc p{margin:0 0 12px;color:#3f4650}
.ashs-desc p:last-child{margin-bottom:0}

/* ---------- نقشه ---------- */
.ashs-map{
  position:relative;height:300px;border-radius:12px;overflow:hidden;
  border:1px solid var(--ashs-line);background:#eef1f4;
}
.ashs-map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.92)}
.ashs-map .ashs-note{
  position:absolute;bottom:12px;right:14px;
  background:#fff;border:1px solid var(--ashs-line);border-radius:8px;
  padding:6px 12px;font-size:12.5px;color:var(--ashs-muted);
}
.ashs-map-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.ashs-map-link{
  padding:9px 16px;border-radius:10px;
  border:1px solid var(--ashs-line);background:#fff;
  font-size:14px;color:var(--ashs-navy);text-decoration:none;font-weight:600;
  transition:background .2s ease,border-color .2s ease;
}
.ashs-map-link:hover{background:var(--ashs-chip);border-color:var(--ashs-gold)}

/* ---------- ستون کناری ---------- */
.ashs-side{position:sticky;top:20px}
.ashs-agent{text-align:center}
.ashs-avatar{
  width:78px;height:78px;border-radius:50%;margin:0 auto 12px;
  background:linear-gradient(135deg,var(--ashs-navy),#33507f);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:27px;font-weight:700;
}
.ashs-agent-name{font-size:18px;font-weight:700;color:var(--ashs-navy)}
.ashs-agent-role{font-size:13.5px;color:var(--ashs-muted);margin-bottom:14px}

.ashs-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:14px;border-radius:12px;
  font-size:15px;font-weight:700;text-decoration:none;
  border:1px solid transparent;cursor:pointer;
  transition:filter .2s ease,background .2s ease;
}
.ashs-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.ashs-btn--gold{background:var(--ashs-gold);color:var(--ashs-navy);margin-bottom:10px}
.ashs-btn--gold:hover{filter:brightness(1.08)}
.ashs-btn--ghost{background:#fff;border-color:var(--ashs-line);color:var(--ashs-navy)}
.ashs-btn--ghost:hover{background:var(--ashs-chip)}

.ashs-safety{
  margin:14px 0 0;padding-top:14px;
  border-top:1px dashed var(--ashs-line);
  font-size:12.5px;color:var(--ashs-muted);line-height:1.9;
}

.ashs-meta{list-style:none;font-size:14px;margin:0;padding:0}
.ashs-meta li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--ashs-line)}
.ashs-meta li:last-child{border:0}
.ashs-meta span{color:var(--ashs-muted)}
.ashs-meta b{color:var(--ashs-navy);font-weight:600}

/* ---------- لپ‌تاپ کوچک ---------- */
@media (max-width:1180px){
  .ashs-cols{grid-template-columns:1fr 310px;gap:20px}
}

/* ---------- تبلت ---------- */
@media (max-width:1023px){
  .ashs-gal{grid-template-columns:2fr 1fr;aspect-ratio:16 / 9;max-height:360px}
  .ashs-gal > a:nth-child(4),
  .ashs-gal > a:nth-child(5){display:none}

  .ashs-cols{grid-template-columns:1fr}
  .ashs-side{position:static}
  .ashs-specs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}

  .ashs-bar{
    position:fixed;inset:auto 0 0 0;z-index:50;
    display:flex;gap:10px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:#fff;border-top:1px solid var(--ashs-line);
    box-shadow:0 -6px 20px rgba(27,42,74,.1);
  }
  .ashs-bar .ashs-btn{margin:0}
}
@media (min-width:1024px){ .ashs-bar{display:none} }

/* ---------- گوشی ---------- */
@media (max-width:720px){
  .ashs-gal{
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:auto auto;
    aspect-ratio:auto;max-height:none;
  }
  .ashs-gal > a:first-child{grid-column:1 / -1;grid-row:1;aspect-ratio:4 / 3}
  .ashs-gal > a{aspect-ratio:1 / 1}
  .ashs-gal > a:nth-child(4){display:block}
  .ashs-gal > a:nth-child(5){display:none}
}
@media (max-width:600px){
  .ashs-panel{padding:17px;border-radius:14px;margin-bottom:14px}
  .ashs-panel h2{font-size:17px;margin-bottom:13px}
  .ashs-crumbs{font-size:12.5px;gap:6px}
  .ashs-headline{flex-direction:column;align-items:flex-start;gap:8px}
  .ashs-specs{grid-template-columns:1fr 1fr;gap:10px}
  .ashs-spec{padding:11px 13px}
  .ashs-spec dd{font-size:15px}
  .ashs-features li{font-size:13.5px;padding:7px 12px}
  .ashs-map{height:240px}
}
@media (max-width:380px){
  .ashs-specs{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ashs-gal img{transition:none}
}

/* ===================================================
   گالری اسلایدری (سبک دیوار)
   =================================================== */
.ashs-slider{margin-bottom:20px}

.ashs-stage{
  position:relative;
  aspect-ratio:var(--ashs-gal-ratio,4 / 3);
  max-height:var(--ashs-gal-max,520px);
  border-radius:var(--ashs-gal-radius,14px);
  overflow:hidden;
  background:var(--ashs-gal-bg,#0f1622);
}
.ashs-track{
  display:flex;
  height:100%;
  transition:transform .35s ease;
}
.ashs-slide{
  flex:0 0 100%;
  height:100%;
  display:flex;align-items:center;justify-content:center;
  background:var(--ashs-gal-bg,#0f1622);
}
.ashs-slide img{
  width:100%;height:100%;
  object-fit:var(--ashs-gal-fit,contain);
  display:block;
}

.ashs-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;
  border:0;cursor:pointer;
  background:rgba(255,255,255,.92);
  color:#1B2A4A;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;line-height:1;
  box-shadow:0 4px 14px rgba(0,0,0,.2);
  transition:background .2s ease;
}
.ashs-nav:hover{background:#fff}
.ashs-prev{right:12px}
.ashs-next{left:12px}

.ashs-counter{
  position:absolute;bottom:12px;left:12px;
  padding:6px 13px;border-radius:999px;
  background:rgba(15,22,34,.72);
  color:#fff;font-size:13px;
}

.ashs-thumbs{
  display:flex;gap:8px;
  margin-top:10px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:thin;
}
.ashs-thumb{
  flex:0 0 var(--ashs-thumb,92px);
  aspect-ratio:4 / 3;
  border-radius:10px;overflow:hidden;
  border:2px solid transparent;
  padding:0;cursor:pointer;background:#e6e9ee;
}
.ashs-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ashs-thumb.is-on{border-color:var(--ashs-gold)}

@media (max-width:600px){
  .ashs-stage{aspect-ratio:4 / 3;border-radius:12px}
  .ashs-thumb{flex:0 0 calc(var(--ashs-thumb,92px) * .8)}
  .ashs-nav{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){
  .ashs-track{transition:none}
}