@font-face {
  font-family: 'Vazir';
  src: url('../fonts/Vazirmatn-RD[wght].woff2') format('woff2 supports variations'),
         url('../fonts/Vazirmatn-RD[wght].woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mikhak';
  src: url('../fonts/Mikhak[DSTY,KSHD,wght].woff2') format('woff2 supports variations'),
         url('../fonts/Mikhak[DSTY,KSHD,wght].woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lalezar';
  src: url('../fonts/Lalezar-Regular.woff2') format('woff2 supports variations'), 
         url('../fonts/Lalezar-Regular.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;}
:root {
/*https://coolors.co/palette/606c38-283618-fefae0-dda15e-bc6c25*/
--brand-color:              #bc6c25;
--background-color:   #fefae0;
--footer-color:             #dda15e;
--text-color:                 #283618;
--title-color:                 #606c38;

/*https://coolors.co/palette/22223b-4a4e69-9a8c98-c9ada7-f2e9e4*/
--brand-color:              #4a4e69;
--background-color:   #f2e9e4;
--footer-color:             #9a8c98;
--text-color:                 #22223b;
--title-color:                 #c9ada7;
}
*{margin:0;padding:0}
.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}

body {
  background: var(--background-color);
  font-family: "Vazir";
  font-size: 17px;
  line-height: 1;
  font-weight: 300;
  color: var(--text-color); }


h1, h2, h3, h4, h5, h6 {
  font-family: "Lalezar";
  font-weight: 500;
  color: var(--text-color);
  margin: 0 0 10px;
  text-align: center;}

.h1,h1{font-size:1.2em;line-height:38px}
.h2,h2{font-size:1.1em;line-height:30px}
.h3,h3{font-size:1em;line-height:22px}
.h4,h4{font-size:0.95em;line-height:18px}
.h5,h5{font-size:0.9em;line-height:14px}
.h6,h6{font-size:0.85em;line-height:10px}
 

 button{
  font-family: "Vazir";
   font-size: 18px;
  line-height: 1.6;
  font-weight: 500;} 

  p {
  text-indent: 0px;
  margin-top: 15px;
  margin-bottom: 5px; }

p.magnify {
  font-size: 17.6px;
  line-height: 1; }

strong, b {
  font-weight: 600; }



 


a {
  text-decoration: none;
  color: #1B8957;
  color: var(--brand-color);
  font-weight: 500;
  transition: opacity .1s ease-out;}




img {
  display: block;
  margin: 20px auto 20px auto;
  max-width: 100%;
  height: auto;
  border-radius:30px;}


  /* chatgpt shop now btn */
  .shop-now-btn {
    display: inline-block;
    background-color: #a36;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    
    /* Animation */
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 1s ease-out forwards;
    animation-delay: 0.4s;
  }
  
  .shop-now-btn:hover {
    background-color: #833;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  }
  
  @keyframes fadeUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
    /* chatgpt shop now btn */