@font-face{font-family:"IRSans";font-weight:600;src:url(..//assets/fonts/IRANSansXFaNum-Bold.ttf)}@font-face{font-family:"IRSans";font-weight:500;src:url(..//assets/fonts/IRANSansXFaNum-Medium.ttf)}@font-face{font-family:"IRSans";font-weight:400;src:url(..//assets/fonts/IRANSansXFaNum-Regular.ttf)}@font-face{font-family:"IRYekan";font-weight:600;src:url(..//assets/fonts/Qs_Iranyekan-Bold.ttf)}@font-face{font-family:"IRYekan";font-weight:500;src:url(..//assets/fonts/Qs_Iranyekan-Medium.ttf)}@font-face{font-family:"IRYekan";font-weight:400;src:url(..//assets/fonts/Qs_Iranyekan-Regular.ttf)}
*{box-sizing:border-box}html{direction:rtl;font-family:IRSans,IRYekan,Roboto,sans-serif,Helvetica,Arial;font-size:18px;scroll-behavior:smooth}@media(max-width: 2000px){html{font-size:16px}}@media(max-width: 1400px){html{font-size:14px}}@media(max-width: 800px){html{font-size:12px}}@media(max-width: 400px){html{font-size:11px}}body{margin:0;user-select:none}a{color:inherit;text-decoration:none}li,ul{list-style:none;margin:unset;padding:unset}input,textarea{outline:none;border:none;color:inherit;font-size:inherit;font-family:inherit;min-width:unset;width:100%;padding-inline:1.5rem .5rem}button{cursor:pointer;font-family:inherit;font-size:inherit;outline:none;border:none;text-transform:capitalize;font-weight:600;padding:.5rem 1.5rem;height:4rem;border-radius:.3rem;color:inherit;border:1px solid hsl(204,10%,93%)}button.primary{color:#fff;background-color:hsl(0,80%,50%)}button.secondary{color:#fff;background-color:hsl(204,89%,59%)}button:hover{filter:brightness(105%);border:1px solid hsl(204,10%,93%)}.scrollbar-y{overflow-y:auto;scrollbar-width:thin}iframe{display:block;border-radius:1rem;border:2px solid hsl(204,10%,93%);background-color:hsl(220,10%,26%);width:100%}
#app .under-dev{height:100svh;display:grid;grid-template-rows:auto 1fr auto}
header{position:relative;display:flex;align-items:center;justify-content:space-between;height:2.5rem;padding:.5rem 10vw;font-size:.9rem;color:hsl(40,5%,70%);background-color:hsl(220,22%,5%)}header .menu-btn{display:none;padding:0;background-color:rgba(0,0,0,0);border:none}header .menu-btn .icon{height:1.5rem}header nav ul{display:flex;align-items:center;gap:2rem}header nav ul li{cursor:pointer}header nav ul li:hover{color:hsl(0,80%,50%)}header .logo{position:absolute;height:100%;left:50%;translate:-50%;font-size:1.1rem;display:flex;align-items:center}header .logo img{height:2rem}@media(max-width: 60rem){header .menu-btn{display:block;cursor:pointer}header nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:hsl(220,22%,5%)}header nav ul{display:block}header nav ul li{padding:1rem;padding-inline-start:10vw;border-top:1px solid #474747}header nav.show{z-index:50;display:block}}
.icon{fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;fill:none;stroke:currentColor}.icon.fill{stroke:none;fill:currentColor}.icon .w2{stroke-width:8}.icon .w0{stroke-width:2}
main .main-section{padding-block:6rem}main .main-section .content{padding-inline:4rem}main .main-section>.header{padding-bottom:4rem;text-align:center}main .main-section .title{font-size:2rem;margin-bottom:1rem}main .main-section .subtitle{margin-top:2rem;font-weight:bold}main .main-section p{line-height:2.5rem;margin-top:2rem}main .main-section ul{margin-top:2rem;line-height:2rem}main .main-section ul li{padding-inline-start:1rem;margin-bottom:1rem}main .main-section .list{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem 3vw;padding-inline:1rem}
.home .hero-section{position:relative;height:80dvh}.home .hero-section img{height:100%;width:100%;object-fit:cover}.home .hero-section .banner{position:absolute;bottom:4rem;padding-inline-start:5rem;max-width:30rem;color:#fff}.home .hero-section .banner .title{font-size:3rem;font-weight:600}.home .hero-section .banner .description{font-size:1.8rem;margin-bottom:3rem}.home .hero-section .banner button{color:#000}.home .featured-products{color:#fff;background-color:hsl(220,22%,5%)}.home .featured-products .product-card{border:3px solid hsl(220,10%,26%)}.home .product-categories .product-card .text{right:5rem;bottom:1rem;color:#000;font-size:.8rem}.home .quick-contact{background-color:hsl(0,0%,90%)}.home .quick-contact .content p{display:flex;flex-wrap:wrap;gap:1rem}.home .quick-contact .content a{text-decoration:underline}.home .quick-contact .content .map{height:30rem}.product-card{cursor:pointer;overflow:hidden;position:relative;height:30rem;max-width:40rem;border-radius:.5rem;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.05)}.product-card .text{position:absolute;right:5rem;bottom:5rem;color:#fff}.product-card .text .title{font-size:2em}.product-card img{height:100%;width:100%;object-fit:cover;transition:scale 200ms ease-in-out}.product-card:hover img{scale:1.1}

footer{color:hsl(40,5%,70%);background-color:hsl(220,20%,9%)}footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-inline:auto;line-height:2rem;padding:4rem 5rem;max-width:70rem}footer .container .column{padding:1rem 1rem}footer .container .column .title{font-weight:500;font-size:1.2rem;margin-bottom:.7rem;color:#fff}footer .container .column li{cursor:pointer;display:flex;align-items:start;gap:.5rem;margin-bottom:1rem}footer .container .column li a{display:flex;gap:.5rem}footer .container .column li .icon{height:1.5rem;flex-shrink:0;stroke:none;fill:currentColor}footer .container .column li:hover{color:hsl(0,80%,50%)}footer .copy{text-align:center;font-size:.7rem;padding-block:.3rem;background-color:hsl(220,22%,5%)}
.coming-soon{height:100%;padding-top:4rem;color:#fff;background-color:hsl(220,22%,5%)}.coming-soon .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;direction:ltr;font-size:5vw}.coming-soon .hero img{width:50%}.coming-soon .contact{padding:5rem}.coming-soon .contact .map{height:30rem}
