*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Peyda,Vazirmatn,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:#1f1f1f;background-color:#fff;direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}#root{isolation:isolate}@font-face{font-family:Peyda;src:url("/fonts/peyda/woff2/PeydaWeb-Regular(FaNum).woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0,U+0600-06FF,U+0750-077F,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Peyda;src:url("/fonts/peyda/woff2/PeydaWeb-Bold(FaNum).woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0,U+0600-06FF,U+0750-077F,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Rokh;src:url(/fonts/rokh/woff2/RokhFaNum-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0,U+0600-06FF,U+0750-077F,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Rokh;src:url(/fonts/rokh/woff2/RokhFaNum-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0,U+0600-06FF,U+0750-077F,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}.introjs-tooltip{direction:rtl!important;max-width:480px!important;min-width:480px!important;background:#ffffffa3!important;border:2px solid rgba(32,32,32,.4)!important;border-radius:16px!important;box-shadow:0 8px 32px #0000003d,0 0 0 2px #20202033!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;text-align:right!important;font-family:Peyda,sans-serif!important}.introjs-tooltip-title{width:100%!important;background:#20202014!important;border-bottom:1px solid rgba(32,32,32,.88)!important;border-radius:8px 8px 0 0!important;font-family:Peyda,sans-serif!important;font-size:18px!important;font-weight:700!important;color:#1f1f1f!important;padding:16px 24px!important;margin:0!important}.introjs-tooltiptext{font-family:Peyda,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;color:#2d2d2d!important;padding:16px 24px!important}.introjs-tooltipbuttons{direction:ltr!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:#1f1f1f08!important;border-top:1px solid rgba(32,32,32,.16)!important;border-radius:0 0 8px 8px!important;text-align:start!important;padding:16px 24px!important}.introjs-button{direction:rtl!important;border:none!important;border-radius:8px!important;font-family:Peyda,sans-serif!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .4s ease!important;padding:8px 24px!important;margin:0!important}.introjs-nextbutton,.introjs-donebutton{background:linear-gradient(135deg,#1f1f1f,#000)!important;box-shadow:0 2px 10px #20202052!important;color:#fff!important}.introjs-nextbutton:hover,.introjs-donebutton:hover{color:#fff!important;transform:translateY(-2px)!important}.introjs-nextbutton:active,.introjs-nextbutton:focus,.introjs-donebutton:active,.introjs-donebutton:focus{color:#fff!important;transform:translateY(0)!important}.introjs-prevbutton{background:#f5f5f5cc!important;backdrop-filter:blur(8px)!important;color:#646464!important;order:3!important}.introjs-prevbutton:hover{background:#e8e8e8cc!important;color:#323232!important;transform:translateY(-2px)!important}.introjs-skipbutton{position:absolute!important;top:16px!important;left:24px!important;right:auto!important;font-size:24px!important;color:#242424!important}.introjs-skipbutton:hover{color:#323232!important}.introjs-progress{height:4px!important;background:#f0f0f066!important;border-radius:4px!important;backdrop-filter:blur(4px)!important;overflow:hidden!important;margin:16px 24px 0!important}.introjs-progressbar{float:right!important;height:4px!important;background:linear-gradient(96deg,#1f1f1f,#3a3a3a 48%,#000)!important;box-shadow:0 0 10px #202020cc!important;transition:width .4s ease!important}.introjs-bullets{direction:rtl!important;background:#20202014!important;border-radius:8px!important;text-align:center!important;padding:16px 8px!important;margin:0 24px!important}.introjs-bullets ul{display:flex!important;justify-content:center!important;gap:8px!important;list-style:none!important;padding:0!important;margin:0!important}.introjs-bullets ul li{display:inline-block!important}.introjs-bullets ul li a{display:block!important;width:8px!important;height:8px!important;background:#2020203d!important;border-radius:240px!important;backdrop-filter:blur(4px)!important;transition:all .4s ease!important}.introjs-bullets ul li a:hover{width:8px!important;height:8px!important;background:#20202066!important;transform:scale(1.2)!important}.introjs-bullets ul li a.active{width:24px!important;background:linear-gradient(135deg,#1f1f1f,#000)!important;border-radius:4px!important;box-shadow:0 0 8px #20202066!important}.introjs-overlay{background:#0000004d!important;backdrop-filter:blur(4px) saturate(120%)!important;-webkit-backdrop-filter:blur(4px) saturate(120%)!important}.introjs-helperLayer{background:transparent!important;border:2px solid rgba(255,255,255,.9)!important;border-radius:8px!important;box-shadow:0 0 0 9999px #0000008c,0 0 0 4px #ffffff1f,0 0 24px #00000080!important}.introjs-arrow{border-color:transparent!important;filter:drop-shadow(0 2px 4px rgba(32,32,32,.4))!important;transform:translateY(2px)!important}.introjs-arrow.top{border-top-color:#ffffffe0!important;top:-12px!important}.introjs-arrow.bottom{border-bottom-color:#ffffffe0!important;bottom:-12px!important}.introjs-arrow.left{border-left-color:#ffffffe0!important;left:-12px!important}.introjs-arrow.right{border-right-color:#ffffffe0!important;right:-12px!important}.introjs-tooltip.introjs-floating{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;animation:introjs-fade-in-floating .35s ease-out!important}@keyframes introjs-fade-in-floating{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.introjs-tooltip{animation:introjs-fade-in .4s ease-out!important}@keyframes introjs-fade-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.introjs-tooltip{max-width:calc(100vw - 32px)!important;min-width:0!important;width:calc(100vw - 32px)!important;margin-left:0!important;margin-right:0!important;border-radius:12px!important}.introjs-tooltip:not(.introjs-floating){left:0!important;right:0!important;margin:0 auto!important}.introjs-tooltip-title{font-size:15px!important;padding:12px 16px!important}.introjs-tooltiptext{font-size:13px!important;line-height:1.6!important;padding:12px 16px!important}.introjs-tooltipbuttons{padding:12px 16px!important}.introjs-button{font-size:13px!important;padding:8px 16px!important}.introjs-skipbutton{top:12px!important;left:16px!important;font-size:20px!important}.introjs-progress{margin:10px 16px 0!important}.introjs-bullets{margin:0 16px!important;padding:10px 8px!important}.introjs-tooltip.introjs-floating{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}body.intro-tour-active{overflow:hidden!important;touch-action:none}@media (max-width: 768px){body.intro-tour-active{overflow:unset!important}}body.products-page .introjs-helperLayer,body.products-page .introjs-tooltip{transform:translateY(-68px)!important}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main-content{flex:1}@media (max-width: 768px){.app-main-content{padding-bottom:64px}}.page-container{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.page-container{padding:0 16px}}@media (max-width: 480px){.page-container{padding:0 8px}}.skeleton-base{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}