@import url("https://fonts.googleapis.com/css2?family=Estedad:wght@400;500;600;700;800;900&family=Noto+Nastaliq+Urdu:wght@400;700&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap");

/* اسلایدر اختصاصی آسیاآوا — کلاس‌ها برای جلوگیری از تداخل با قالب وردپرس پیشوند دارند */
.aav-hero,
.aav-hero * { box-sizing: border-box; }
.aav-hero {
  --aav-navy: #101d2c;
  --aav-gold: #cda052;
  --aav-bronze: #956322;
  --aav-cream: #faf7f1;
  direction: rtl;
  width: min(1480px, calc(100% - 38px));
  margin: 35px auto 45px;
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(250px, 1fr);
  gap: 18px;
  align-items: stretch;
  font-family: Vazirmatn, "Noto Sans Arabic", Tahoma, sans-serif;
  color: #182638;
}
.aav-preview-body { margin: 0; background: #f5f6f8; }
.aav-hero a { text-decoration: none; }
.aav-hero button { font: inherit; }

/* بخش اسلایدهای ۸۰ درصدی */
.aav-slider {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 560px;
  border-radius: 25px;
  background: var(--aav-navy);
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(11, 25, 43, .17);
}
.aav-slides { position: absolute; inset: 0; }
.aav-slide {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(1.025);
  transition: opacity 650ms ease, transform 1100ms ease, visibility 650ms;
  background: #112234;
}
.aav-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  z-index: 1;
}
.aav-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--aav-image);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.aav-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  /* Dark reading zone on the left; smooth fade protects the photography on the right */
  background: linear-gradient(90deg,
    rgba(7,19,31,.94) 0%,
    rgba(7,19,31,.91) 34%,
    rgba(7,19,31,.72) 46%,
    rgba(7,19,31,.19) 67%,
    rgba(7,19,31,0) 82%);
  z-index: -1;
}
.aav-slide-content {
  position: absolute;
  left: 3.5%;
  right: auto;
  top: 47%;
  transform: translateY(-50%);
  width: 40%;
  max-width: 530px;
  z-index: 2;
  text-align: center;
  direction: rtl;
  color: #ffffff !important;
}
.aav-eyebrow {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #edba68;
  font-size: clamp(14px,1.3vw,19px);
  font-weight: 700;
  margin-bottom: 15px;
}
.aav-gold-line {
  display: inline-block;
  width: 32px;
  height: 2px;
  background: var(--aav-gold);
  border-radius: 10px;
}
.aav-slide-content h2 {
  font-family: inherit;
  color: #fff;
  font-size: clamp(25px, 2.35vw, 37px);
  line-height: 1.55;
  font-weight: 900;
  letter-spacing: -.8px;
  margin: 0 0 15px;
  text-shadow: 0 3px 15px rgba(0,0,0,.34);
  overflow-wrap: normal;
  text-wrap: balance;
}
.aav-slide-content h2 em {
  color: #efc27e;
  font-style: normal;
}
.aav-slide-content p {
  margin: 0;
  color: rgba(255,255,255,.92);
  font-size: clamp(13px,1.33vw,18px);
  line-height: 2.1;
  font-weight: 500;
}
.aav-slide-content strong { color: #ffd79b; font-weight: 800; }
.aav-slide-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 47px;
  padding: 9px 23px;
  margin-top: 28px;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 999px;
  background: rgba(12,25,40,.30);
  backdrop-filter: blur(8px);
  font-size: 13px;
  font-weight: 800;
  transition: background .25s, transform .25s, box-shadow .25s;
}
.aav-slide-cta:hover {
  color: #fff !important;
  background: #b78a3b;
  border-color: #b78a3b;
  box-shadow: 0 7px 25px rgba(0,0,0,.2);
  transform: translateY(-2px);
}
.aav-slide-cta svg,
.aav-offer-cta svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.aav-slide-count {
  position: absolute;
  right: 29px;
  top: 22px;
  font: 700 14px Vazirmatn, sans-serif;
  color: white;
  letter-spacing: 2px;
}
.aav-slide-count span { color: #d7bb92; font-weight: 400; }
.aav-slider-controls {
  position: absolute;
  z-index: 5;
  bottom: 28px;
  left: 32px;
  right: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.aav-dots { display: inline-flex; align-items: center; gap: 8px; }
.aav-dot {
  border: 0;
  background: rgba(255,255,255,.36);
  width: 13px;
  height: 7px;
  border-radius: 999px;
  cursor: pointer;
  padding: 0;
  transition: width .3s, background .3s;
}
.aav-dot.is-active { width: 38px; background: #efbb60; }
.aav-arrow-controls { display: flex; direction: ltr; align-items: center; gap: 9px; }
.aav-arrow {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.62);
  background: rgba(10,21,34,.45);
  backdrop-filter: blur(10px);
  color: white;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background .2s, transform .2s;
}
.aav-arrow:hover { background: #b58a47; transform: translateY(-2px); }
.aav-arrow svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.aav-slide-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; z-index: 4; background: rgba(255,255,255,.08); }
.aav-slide-progress > span { display: block; height: 100%; background: #d1a157; width: 0; }
.aav-slide-progress > span.is-running { animation: aav-progress 6s linear forwards; }
@keyframes aav-progress { to { width: 100%; } }

/* ستون پیشنهاد ویژه ۲۰ درصدی */
.aav-offer {
  overflow: hidden;
  position: relative;
  min-width: 0;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  padding: 19px 17px 17px;
  background: linear-gradient(155deg, #fff 0%, #fffaf4 56%, #f2e9d9 100%);
  border: 1px solid #e8dfd2;
  box-shadow: 0 15px 35px rgba(64,51,31,.10);
}
.aav-offer::before { content: ""; position: absolute; width: 230px; height: 230px; top: -95px; left: -100px; border: 1px solid rgba(194,151,80,.18); border-radius: 50%; pointer-events: none; }
.aav-offer-top { text-align: center; position: relative; z-index: 1; }
.aav-offer-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 15px;
  border-radius: 14px;
  background: linear-gradient(120deg,#cda052,#996923);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 6px 14px rgba(169,120,48,.23);
}
.aav-offer-badge svg { width: 17px; height: 17px; fill: currentColor; }
.aav-offer h3 { font: 900 23px/1.55 Vazirmatn, "Noto Sans Arabic", Tahoma, sans-serif; color: #142335; margin: 18px 0 7px; }
.aav-offer p { font-size: 12px; color: #796f63; margin: 0; line-height: 1.7; }
.aav-offer-photo-wrap { margin: auto -17px 6px; min-height: 200px; flex: 1 1 auto; display: flex; align-items: flex-end; justify-content: center; position: relative; }
.aav-offer-photo-wrap::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 28px; background: linear-gradient(0deg, #fffaf4, transparent); pointer-events: none; }
.aav-offer-photo-wrap img { width: 100%; height: 100%; max-height: 265px; object-fit: contain; display: block; mix-blend-mode: multiply; }
.aav-offer-features { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 4px 0 17px; }
.aav-offer-features > span { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; text-align: center; background: rgba(255,255,255,.5); border: 1px solid rgba(146,128,95,.1); border-radius: 12px; padding: 8px 1px; color: #72624c; font-size: 11px; font-weight: 700; }
.aav-offer-features svg { width: 23px; height: 23px; fill: none; stroke: #b7883c; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
.aav-offer-cta {
  min-height: 48px;
  border-radius: 12px;
  padding: 10px 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(120deg,#d0a253,#92601c);
  color: white !important;
  box-shadow: 0 10px 18px rgba(141,89,22,.18);
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
  transition: transform .2s, box-shadow .2s, filter .2s;
}
.aav-offer-cta:hover { color: white !important; filter: brightness(1.08); transform: translateY(-2px); box-shadow: 0 12px 23px rgba(141,89,22,.28); }
.aav-hero button:focus-visible,
.aav-hero a:focus-visible { outline: 3px solid #f7bd58; outline-offset: 3px; }

/* تبلت */
@media (max-width: 1150px) {
  .aav-hero { grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr); gap: 13px; }
  .aav-slider { min-height: 490px; }
  .aav-slide-content { left: 3.2%; right: auto; width: 43%; }
  .aav-slide-content h2 { font-size: clamp(23px,2.65vw,33px); }
  .aav-slide-content p { font-size: 13px; }
  .aav-offer { padding: 15px 12px; }
  .aav-offer h3 { font-size: 20px; }
  .aav-offer-photo-wrap { margin-left: -12px; margin-right: -12px; }
}
/* موبایل: ابتدا اسلایدشو، سپس پیشنهاد ویژه */
@media (max-width: 760px) {
  .aav-hero { width: min(100% - 24px, 550px); grid-template-columns: 1fr; margin: 18px auto 30px; gap: 14px; }
  .aav-slider { min-height: 445px; border-radius: 19px; }
  .aav-slide::before { background-position: 62% center; }
  .aav-slide::after { background: linear-gradient(0deg, rgba(7,19,31,.85), rgba(7,19,31,.64)); }
  .aav-slide-content { left: 23px; right: 23px; top: 47%; width: auto; max-width: none; text-align: center; transform: translateY(-50%); }
  .aav-slide-content h2 { font-size: clamp(24px,6vw,34px); line-height: 1.6; }
  .aav-slide-content p { font-size: 13px; }
  .aav-slide-cta { margin-top: 22px; }
  .aav-slider-controls { left: 19px; right: 19px; bottom: 18px; }
  .aav-slide-count { right: 20px; top: 15px; }
  .aav-offer { min-height: 280px; display: grid; grid-template-columns: 1fr 43%; grid-template-rows: 1fr auto; gap: 12px; padding: 17px; align-items: center; }
  .aav-offer-top { grid-column: 1; text-align: right; }
  .aav-offer h3 { font-size: clamp(20px,5vw,26px); }
  .aav-offer-photo-wrap { grid-column: 2; grid-row: 1 / span 2; width: 100%; height: 225px; margin: 0; min-height: 0; }
  .aav-offer-photo-wrap img { max-height: none; height: 100%; object-fit: cover; border-radius: 12px; }
  .aav-offer-features { display: none; }
  .aav-offer-cta { grid-column: 1; grid-row: 2; margin-top: 3px; }
}
@media (max-width: 390px) {
  .aav-slide-content { left: 16px; right: 16px; }
  .aav-slide-content h2 { font-size: 23px; }
  .aav-offer { grid-template-columns: 1fr 40%; padding: 10px; }
  .aav-offer h3 { font-size: 18px; }
  .aav-offer-cta { font-size: 12px; padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .aav-slide, .aav-dot, .aav-slide-cta, .aav-offer-cta, .aav-arrow { transition: none !important; }
  .aav-slide-progress > span.is-running { animation: none; }
}

/* === 1.2: full-contrast typography & carefully bounded reading area === */
/* Dark navy fade covers only the reading zone; the high-resolution photo remains visible. */
.aav-hero .aav-slider .aav-slide::after {
  background: linear-gradient(90deg,
    rgba(7,18,31,.96) 0%,
    rgba(7,18,31,.93) 24%,
    rgba(7,18,31,.83) 37%,
    rgba(7,18,31,.52) 51%,
    rgba(7,18,31,.12) 69%,
    rgba(7,18,31,0) 81%);
}
.aav-hero .aav-slider .aav-slide .aav-slide-content {
  position: absolute;
  left: 0;
  right: auto;
  top: 46%;
  width: 43.5%;
  box-sizing: border-box !important;
  max-width: none;
  min-width: 0;
  padding: 0 clamp(22px, 2.5vw, 48px);
  transform: translateY(-50%);
  text-align: center;
  direction: rtl;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content .aav-eyebrow {
  max-width: 100%;
  margin: 0 0 11px;
  color: #f2bd68 !important;
  -webkit-text-fill-color: #f2bd68 !important;
  font-size: clamp(12px, 1.14vw, 16px);
  line-height: 1.9;
  text-align: center;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading {
  display: block;
  width: 100%;
  margin: 0 0 14px !important;
  padding: 0;
  font-size: clamp(23px, 2.22vw, 35px);
  font-weight: 900 !important;
  line-height: 1.55;
  letter-spacing: 0;
  text-align: center;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 2px 15px rgba(0,0,0,.4);
}
.aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading .aav-title-main,
.aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading .aav-title-highlight {
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 1.55;
  letter-spacing: 0;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  text-wrap: balance;
  opacity: 1 !important;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading .aav-title-main {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading em.aav-title-highlight {
  color: #ffd18b !important;
  -webkit-text-fill-color: #ffd18b !important;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content p {
  margin: 0;
  max-width: 100%;
  padding: 0;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  text-align: center;
  font-size: clamp(12px, 1.12vw, 16px);
  font-weight: 600;
  line-height: 2;
  overflow-wrap: break-word;
  text-wrap: balance;
  text-shadow: 0 1px 8px rgba(0,0,0,.45);
}
.aav-hero .aav-slider .aav-slide .aav-slide-content a.aav-slide-cta {
  margin-top: 20px;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: rgba(17,29,44,.6);
  flex-shrink: 0;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content a.aav-slide-cta:hover {
  background: #aa7b36;
  color: #fff !important;
}
/* At medium desktop widths give the title a little extra room without crossing over the photo. */
@media (min-width: 761px) and (max-width: 1199px) {
  .aav-hero .aav-slider .aav-slide .aav-slide-content { width: 48%; padding: 0 19px; }
  .aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading { font-size: clamp(21px, 2.6vw, 29px); }
  .aav-hero .aav-slider .aav-slide .aav-slide-content p { font-size: 13px; }
}
/* On mobile, the full frame becomes the reading zone. */
@media (max-width: 760px) {
  .aav-hero .aav-slider .aav-slide::after {
    background: linear-gradient(0deg,
      rgba(7,18,31,.91) 0%,
      rgba(7,18,31,.76) 49%,
      rgba(7,18,31,.48) 100%);
  }
  .aav-hero .aav-slider .aav-slide .aav-slide-content {
    left: 0;
    right: 0;
    top: 45%;
    width: 100%;
    padding: 0 26px;
  }
  .aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading { font-size: clamp(22px, 5.7vw, 32px); }
  .aav-hero .aav-slider .aav-slide .aav-slide-content p { font-size: 13px; }
}
@media (max-width: 380px) {
  .aav-hero .aav-slider .aav-slide .aav-slide-content { padding: 0 18px; }
  .aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading { font-size: 22px; }
  .aav-hero .aav-slider .aav-slide .aav-slide-content p { font-size: 12px; }
}


/* === v1.3 — shorter, refined title type and genuine Persian slide indices === */
.aav-hero .aav-slider {
  height: 475px;
  min-height: 0;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content {
  top: 46%;
  width: 46%;
  padding-inline: clamp(16px,2.4vw,36px);
}
.aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading {
  font-family: "Estedad", "IRANYekanX", "Noto Kufi Arabic", Vazirmatn, sans-serif !important;
  font-size: clamp(23px, 2.05vw, 32px);
  line-height: 1.6;
  font-weight: 800 !important;
  letter-spacing: 0;
  margin-bottom: 10px !important;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading .aav-title-main,
.aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading .aav-title-highlight {
  font-family: inherit !important;
  font-weight: 800 !important;
  line-height: 1.6;
}
.aav-hero .aav-slider .aav-slide .aav-slide-content p { font-size: clamp(12px,1.06vw,15px); line-height: 1.85; }
.aav-hero .aav-slider .aav-slide .aav-slide-content .aav-eyebrow { font-size: clamp(12px,1.1vw,15px); margin-bottom: 7px; }
.aav-hero .aav-slider .aav-slide .aav-slide-content a.aav-slide-cta { margin-top: 15px; min-height: 43px; }
.aav-hero .aav-slider .aav-slide-count { font-family: Vazirmatn, sans-serif; font-variant-numeric: normal; letter-spacing: .5px; }
/* Compress the special offer elegantly without clipping its product photograph. */
.aav-hero .aav-offer { min-height: 0; padding: 13px 14px 14px; }
.aav-hero .aav-offer h3 { font-size: 20px; line-height: 1.43; margin: 11px 0 4px; }
.aav-hero .aav-offer .aav-offer-badge { font-size: 12px; padding: 7px 13px; }
.aav-hero .aav-offer .aav-offer-photo-wrap { margin: auto -14px 4px; min-height: 125px; }
.aav-hero .aav-offer .aav-offer-photo-wrap img { max-height: 190px; }
.aav-hero .aav-offer .aav-offer-features { margin: 2px 0 11px; }
.aav-hero .aav-offer .aav-offer-features > span { padding: 6px 1px; }
.aav-hero .aav-offer .aav-offer-cta { min-height: 43px; padding: 8px 10px; }

/* Slide 2 — the handwritten message and «و قیمت» intentionally occupy two typographic levels. */
.aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content {
  top: 45%;
  width: 47%;
}
.aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy {
  font-family: "Noto Nastaliq Urdu", "IranNastaliq", "Noto Naskh Arabic", serif !important;
  font-size: clamp(23px, 2.12vw, 34px);
  line-height: 2;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  padding: 0;
  text-shadow: 0 3px 14px rgba(0,0,0,.42);
}
.aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy .aav-title-main {
  font-family: inherit !important;
  font-weight: 700 !important;
  line-height: 1.85;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-wrap: balance;
}
.aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy em.aav-title-highlight {
  position: relative;
  display: table;
  margin: 13px auto 0;
  padding: 0 26px;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: .98em !important;
  line-height: 1.7;
  color: #ffd18b !important;
  -webkit-text-fill-color: #ffd18b !important;
  text-wrap: nowrap;
}
.aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy em.aav-title-highlight::after {
  content: "";
  display: block;
  width: 57%;
  height: 2px;
  margin: -9px auto 9px;
  border-radius: 100%;
  background: linear-gradient(90deg,transparent,#e8b664,transparent);
  opacity: .9;
}

@media (min-width: 761px) and (max-width: 1199px) {
  .aav-hero .aav-slider { height: 425px; min-height: 0; }
  .aav-hero .aav-slider .aav-slide .aav-slide-content { width: 49%; padding-inline: 16px; }
  .aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading { font-size: clamp(21px,2.45vw,28px); }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content { width: 50%; }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy { font-size: clamp(20px,2.5vw,27px); line-height: 1.8; }
  .aav-hero .aav-offer .aav-offer-photo-wrap img { max-height: 160px; }
}
@media (max-width: 760px) {
  .aav-hero .aav-slider { height: 405px; min-height: 0; }
  .aav-hero .aav-slider .aav-slide .aav-slide-content,
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content {
    left: 0; right: 0; width: 100%; top: 47%; padding: 0 25px;
  }
  .aav-hero .aav-slider .aav-slide .aav-slide-content h2.aav-slide-heading { font-size: clamp(21px,5.5vw,28px); line-height: 1.55; }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy {
    font-size: clamp(21px,5.8vw,26px); line-height: 1.85; margin-bottom: 5px !important;
  }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy .aav-title-main { line-height: 1.8; }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy em.aav-title-highlight { margin-top: 10px; }
  .aav-hero .aav-offer { min-height: 250px; }
  .aav-hero .aav-offer .aav-offer-photo-wrap { margin: 0; min-height: 0; }
  .aav-hero .aav-offer .aav-offer-photo-wrap img { max-height: none; }
}
@media (max-width: 390px) {
  .aav-hero .aav-slider { height: 390px; }
  .aav-hero .aav-slider .aav-slide .aav-slide-content,
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content { padding: 0 16px; }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content h2.aav-slide-heading--calligraphy { font-size: 21px; }
}

/* Readable Persian slide counter even over light photography. */
.aav-hero .aav-slider .aav-slide-count {
  top: 17px;
  right: 17px;
  padding: 5px 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(8,22,35,.63);
  color: #fff;
  backdrop-filter: blur(7px);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.6;
  z-index: 4;
}


/* v1.5 – user PNG stays truly transparent and sits naturally on the slide */
.aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content {
  width: 50%;
  top: 44%;
  padding-inline: clamp(14px, 1.9vw, 30px);
}
.aav-hero .aav-slider .aav-slide--calligraphy .aav-original-calligraphy {
  width: min(82%, 560px);
  padding: 0;
  margin: 8px auto 12px;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  flex: 0 0 auto;
}
.aav-hero .aav-slider .aav-slide--calligraphy .aav-original-calligraphy img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 128px;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,.22));
}
.aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content p {
  line-height: 1.75;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
@media (min-width: 761px) and (max-width: 1199px) {
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content { width: 52%; top: 43%; padding-inline: 12px; }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-original-calligraphy { width: min(84%, 470px); margin: 6px auto 10px; }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-original-calligraphy img { max-height: 112px; }
}
@media (max-width: 760px) {
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content {
    width: 100%; left: 0; right: 0; top: 44%; padding: 0 17px;
  }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-original-calligraphy {
    width: min(88%, 320px);
    margin: 6px auto 10px;
  }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-original-calligraphy img { max-height: 98px; }
  .aav-hero .aav-slider .aav-slide--calligraphy .aav-slide-content p { font-size: 12px; line-height: 1.9; }
}