@font-face {
  font-family: 'Vazir';
  src: url('/Vazir.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --red: #E63946;
  --red-dark: #C1121F;
  --red-main: #9e0310;
  --gray: #2A2A2A;
  --gray-light: #333333;
  --bg: #1A1A1A;
  --text: #FFFFFF;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Vazir'; background:var(--bg); color:var(--text); line-height:1.7; }
.container { max-width:1200px; margin:0 auto; padding:0 5px; }

/* هدر */
.header { position:fixed; top:0; left:0; right:0; background:var(--red-main); padding:15px 0; z-index:1000; box-shadow:0 4px 20px rgba(0,0,0,0.6); }
.header .container { display:flex; align-items:center; justify-content:space-between; }
.logo { height:46px; filter:brightness(0) invert(1); }
.nav a { color:white; margin:0 4px; font-weight:400; font-size:15px; }
.nav a:hover { color:#ff8b94; }

/* هیرو */
.hero { min-height:100vh; display:flex; align-items:center; background:linear-gradient(135deg, #1a1a1a, #000); padding-top:80px; }
.hero-grid { display:grid; grid-template-columns:1fr; gap:30px; align-items:center; text-align:center; }

.hero-text h1 { font-size:52px; color:var(--red); margin-bottom:12px; }
.subtitle { font-size:24px; color:#fff; margin-bottom:12px; }
.desc { font-size:18px; color:#ccc; margin-bottom:30px; }
.btn { background:var(--red); color:white; padding:14px 32px; border-radius:50px; font-weight:bold; display:inline-block; box-shadow:0 4px 15px rgba(230,57,70,0.4); transition:0.3s; }
.btn:hover { background:#ff1a2c; transform:translateY(-3px); }
.btn.large { padding:18px 50px; font-size:20px; }
.btn.small { padding:10px 24px; font-size:14px; }

.hero-img-wrapper { order:-1; } /* متن بالا، عکس پایین روی موبایل */
.hero-burger {
  max-width:85%;
  margin:0 auto;
  transform:rotate(-10deg);
  transition:0.4s;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.8));
}
.hero-burger:hover { transform:rotate(-6deg) scale(1.05); }

/* سایر بخش‌ها */
.about, .contact { background:var(--gray-light); padding:100px 0; text-align:center; }
.about h2, .menu-section h2, .tour h2 { font-size:38px; color:var(--red); margin-bottom:24px; }
.about p, .menu-section p, .tour p { font-size:18px; color:#ddd; max-width:800px; margin:0 auto 40px; }
.menu-section { padding:100px 0; background:linear-gradient(to bottom, var(--gray-light), var(--bg)); }

/* تور مجازی - مستطیل کشیده + زوم کمتر */
.tour { padding:100px 0; }
#panorama {
  width: 100%;
  height: 400px !important;        /* ارتفاع کمتر روی موبایل */
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,0.8);
}

/* کارت‌های تماس */
.contact-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:30px; }
.card { background:var(--gray); padding:34px 20px; border-radius:20px; }
.card h3 { color:var(--red); margin-bottom:16px; font-size:24px; }

/* فوتر */
.footer { background:#000; padding:60px 20px; text-align:center; color:#666; }

/* دسکتاپ: متن راست، عکس چپ */
@media (min-width: 768px) {
  .hero-grid { grid-template-columns:1fr 1fr; text-align:right; }
  .hero-img-wrapper { order:0; }
  .hero-burger { max-width:100%; transform:rotate(-10deg); }
  .nav a { font-size:16px; margin:0 20px; }
  .hero-text h1 { font-size:64px; }
  #panorama { height: 450px !important; } /* روی دسکتاپ ارتفاع بیشتر */
}

@media (max-width: 480px) {
  .hero-text h1 { font-size:44px; }
  .subtitle { font-size:21px; }
  .hero-burger { transform:rotate(-8deg); max-width:88%; }
  #panorama { height: 280px !important; }
}
/* حذف کامل آندرلاین از همه لینک‌ها (حتی روی موبایل) */
a, a:visited, a:hover, a:active {
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent; /* حذف افکت لمسی زرد روی اندروید */
}

/* مخصوص لینک‌های داخل نویگیشن و دکمه‌ها */
.nav a,
.btn,
.card a {
  text-decoration: none !important;
  outline: none !important;
}