@font-face{font-family:'Kalameh';src:url('fonts/Kalameh-Regular.woff2') format('woff2'),url('fonts/Kalameh-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Kalameh';src:url('fonts/Kalameh-Bold.woff2') format('woff2'),url('fonts/Kalameh-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Kalameh';src:url('fonts/Kalameh-Black.woff2') format('woff2'),url('fonts/Kalameh-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}

*{margin:0;padding:0;box-sizing:border-box}

body{font-family:'Kalameh',system-ui,sans-serif;background:#f6f0e2;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6--scroll: 0;
  background: #f6f0e2;
  min-height: 100vh;
}

/* بافت چوب زنده — با اسکرول باز و بسته می‌شه — نسخه نهایی و تضمینی */
.wood-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    repeating-linear-gradient(90deg, #f6f0e2 0px, #f6f0e2 78px, #ede6d5 78px, #ede6d5 80px),
    repeating-linear-gradient(0deg,  #f6f0e2 0px, #f6f0e2 58px, #ece4d3 58px, #ece4d3 60px),
    repeating-linear-gradient(35deg, transparent 0px, transparent 120px, #e8e1d0 120px, #e8e1d0 122px);
  background-size: 100% 100%, 100% 100%, 220% 220%;
  background-repeat: repeat;
  transform: translateZ(0); /* فعال کردن GPU */
  will-change: transform;
  transition: transform 0.15s ease-out;
}

body::after{
  content:'';position:fixed;inset:0;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");
  pointer-events:none;
}

@keyframes woodBreath{0%,100%{background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%}50%{background-size:104% 104%,103% 103%,102% 102%,100% 100%,100% 100%,100% 100%}}
@keyframes grainFlow{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}100%{background-position:80px 0,0 60px,0 0,80px 0,0 60px,150px 150px}}

.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:5rem 2rem 8rem;position:relative}

.logo{width:440px;max-width:92vw;filter:brightness(0) saturate(100%) invert(17%) sepia(11%) saturate(7488%) hue-rotate(344deg) brightness(92%) contrast(92%);margin-bottom:3rem;transition:all .6s ease}
.logo:hover{filter:brightness(0) saturate(100%) invert(17%) sepia(11%) saturate(7488%) hue-rotate(344deg) brightness(100%) contrast(100%);transform:translateY(-4px)}

.english-slogan{font-size:3.4rem;font-weight:900;letter-spacing:9px;color:#3b2f2f;margin:1rem 0;text-shadow:0 3px 15px rgba(59,47,47,0.15)}

.about-section{max-width:960px;margin:10rem auto 12rem;padding:4rem 3rem;background:#f6f0e2;box-shadow:0 20px 60px rgba(59,47,47,0.08);border:1px solid #e2d9c9;text-align:center;line-height:2.2;font-size:1.3rem;position:relative;z-index:2}
.about-section::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none}
.persian-slogan{font-size:2.8rem;font-weight:700;color:#3b2f2f;margin-bottom:2rem;letter-spacing:0px}

.contact-section{background:#ede8db;padding:8rem 2rem 6rem;text-align:center;position:relative;z-index:2;min-height:auto !important} /* مشکل اینجا بود – min-height حذف شد */
.contact-section h2{font-size:3rem;margin-bottom:3.5rem;color:#3b2f2f;letter-spacing:0px}
.contact-info{
  line-height:2.6;
  font-size:1.4rem;
  margin-bottom:4.5rem;
  text-align:center !important;   /* کاملاً راست‌چین */
  direction:rtl;                 /* اعداد فارسی ۱۰۰٪ درست */
  padding-right:2rem;
}

.contact-info a{
  color:#3b2f2f;
  text-decoration:none;
  border-bottom:1px solid #3b2f2f;
}

.map-container{
  width:100%;
  max-width:1100px;
  margin:5rem auto 2rem;
  aspect-ratio:16 / 9;
  border:7px solid #3b2f2f;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 35px 90px rgba(59,47,47,0.28);
}

.map-container iframe{
  width:100%;
  height:100%;
  border:0;
}

@media(max-width:768px){
  .hero{padding:3rem 1.5rem 6rem}
  .english-slogan{font-size:2.6rem;letter-spacing:6px}
  .persian-slogan{font-size:2.2rem}
  .about-section{margin:6rem auto 8rem;padding:3rem 2rem;font-size:1.15rem}
  .contact-section{padding:6rem 1.5rem 5rem}
  .map-container{height:380px}
}

/* دکمه‌های زیر شعار – خیلی شیک و مدرن */
.action-buttons{
  margin-top: 4rem;
  display: flex;
  gap: 2.8rem;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 10;
}

.btn{
  font-family: 'Kalameh', sans-serif;
  font-weight: 700;
  font-size: 1.35rem;
  color: #3b2f2f;
  text-decoration: none;
  padding: 0.8rem 1.8rem;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}

.btn::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: #3b2f2f;
  transition: all 0.4s ease;
  transform: translateX(-50%);
}

.btn:hover{
  transform: translateY(-4px);
  color: #2c2222;
}

.btn:hover::before{
  width: 70%;
}

.instagram{
  background: #3b2f2f;
  color: #f6f0e2 !important;
  padding: 0.9rem 2rem;
}

.instagram:hover{
  background: #2c2222;
  transform: translateY(-4px);
}

.instagram svg{
  width: 20px;
  height: 20px;
}

/* ریسپانسیو موبایل */
@media (max-width: 768px){
  .action-buttons{
    gap: 1.8rem;
    margin-top: 3.5rem;
  }
  .btn{
    font-size: 1.2rem;
    padding: 0.7rem 1.6rem;
  }
  .instagram{
    padding: 0.8rem 1.8rem;
  }
}

/* ——— فوتر زیبا و حرفه‌ای ——— */
.site-footer{
  background: #ede8db;
  padding: 4rem 2rem 3rem;
  margin-top: 10rem;
  border-top: 1px solid #d4c9b0;
  position: relative;
  overflow: hidden;
}

.site-footer::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #3b2f2f, transparent);
}

.footer-content{
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  color: #3b2f2f;
  font-size: 1.05rem;
  line-height: 2;
  direction: rtl;
}

.footer-logo{
  height: 48px;
  margin-bottom: 1.5rem;
  filter:brightness(0) saturate(100%) invert(17%) sepia(11%) saturate(7488%) hue-rotate(344deg) brightness(92%) contrast(92%);
  opacity: 0.9;
}

@media (max-width: 768px){
  .site-footer{
    padding: 3.5rem 1.5rem 2.5rem;
    margin-top: 8rem;
  }
  .footer-content p{
    font-size: 0.98rem;
  }
}