@charset "UTF-8";

/*------------- Base -------------*/
html, body { width:100%; font-family: IRANSans !important;font-size: 15px;color: #333; margin: 0px !important;text-align: right; }
ul { list-style: none;padding: 0px; }
a { color: inherit; }
a:hover { text-decoration:none; }

/* ***** Header ***** */
#header h1 { font-size: 1.3rem;color: #5a143f;max-width: 400px; }
#header ul li img { max-width: 100%;height: auto;width: 100%; }
#header .logo { position: absolute;top: 50%;right: 50%;transform: translate(50%, -50%);background: #ffffffb8;padding: 2rem 1.7rem;}
#header .logo img { max-width: 300px;height: auto; }
#header figure { margin-bottom: 0px; }

/* ***** Main ***** */
.main-title { font-size: 2rem;text-align: center;padding: 1.3rem;}
.main-title::after { content: '';display: block;width: 10rem;height: 3px;background: #c7a488;margin: 0.8rem auto;}
.google-review > a { color: #545253;border: 1px solid #afa7ab;padding: 0.7rem 1rem;text-align: center;display: inline-block;transition: all 0.2s;margin: 1.1rem;}
.google-review > a:hover { background: #c7a488; }
.google-review .box {padding: 1.3rem 1rem;border: 1px solid #dcdbdb;max-height: 359px;overflow-y: auto;}
.google-review .name { font-weight: 500; }
.google-review .box p { text-align: left;margin-bottom: 0px; }
iframe { max-width: 100%; }

/* shop */
.intro .description {
    text-align: justify;
    font-size: 1.2rem;
    line-height: 2;
}
.intro .shop {padding: 0.6rem 4rem;background: rgb(29 135 70);text-align: center; color: #fff;margin: 1.1rem 0px;display: inline-block;font-size: 1.5rem;font-weight: 500;}


/* ***** footer ***** */
footer {text-align: center;background: #d8d8d8;margin-bottom: 0px;padding: 1rem;color: #717171;}

/* ***** Mobile ***** */
@media( max-width: 577px ){
	#header .logo { padding: 0.5rem; }
	#header .logo img { max-width: 150px; }
	#header .slick-arrow { display: none !important; }
	.intro .shop {display: block; }
}