﻿@charset "UTF-8";.header__search-box{position:absolute;width:327px;left:50%;transform:translate(-50%,10px);background-color:#f0f0f0;border:3px solid #f0f0f0;border-radius:100vw;visibility:hidden;opacity:0;transition:visibility 400ms,opacity 400ms,transform 400ms,border-color 400ms;z-index:-1;}.header__search-box .input-group{display:flex;flex-direction:row-reverse;justify-content:start;align-items:center;margin-right:20px;}@media(min-width:1200px){.header__search-box .input-group{align-items:initial;margin-right:0;}}.header__search-box .input-group-addon:last-child{border-left-width:0;}.header__search-box.search-box__open .search-box__result{visibility:visible;}.header__search-box.search-box__open .search-box__result #handlebars-result__header-search{transform:translateY(0);opacity:1;box-shadow:0 8px 6px rgba(0,0,0,.2);}.header__search-box.search-box__open.search-box__empty #handlebars-result__header-search:before{display:block;position:relative;content:"محصولی یافت نشد.";text-align:center;color:#e71516;top:-10px;}.header__search-box.search-box__loading:before{content:"";width:18px;height:18px;border-radius:50%;border-top:2px solid #999;border-right:2px solid transparent;animation:loading-spin .6s linear infinite;display:inline-block;margin-left:5px;position:absolute;top:20px;left:-10px;z-index:9;}.header__search-box .search-box__result{position:absolute;width:100%;right:0;overflow:hidden;visibility:hidden;z-index:9999;}@media(min-width:1200px){.header__search-box .search-box__result{width:350%;right:-10%;}}.header__search-box .search-box__result #handlebars-result__header-search{background-color:#fdfdfd;transform:translate3d(0,0,0);transform:translateY(-120%);transition:transform .4s,opacity .3s;opacity:0;padding-top:20px;margin:0 1% 15px 1%;}.header__search-box .search-box__result #handlebars-result__header-search>div{max-height:50vh;overflow:auto;}.header__search-box .search-box__result #handlebars-result__header-search .clearfix [class*=col-]:first-child{max-height:60px;overflow:hidden;}.header__search-box .search-box__result #handlebars-result__header-search .clearfix [class*=col-] a{color:#000;font-weight:bold;}.header__search-box .search-box__result #handlebars-result__header-search .clearfix small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:100%;}@media(min-width:768px) and (max-width:991px){.header__search-box .search-box__result #handlebars-result__header-search .clearfix small{display:none;}}.header__search-box .search-box__result i{position:absolute;width:20px;height:20px;cursor:pointer;left:0;top:0;z-index:999;}.header__search-box .search-box__result i:before,.header__search-box .search-box__result i:after{position:absolute;top:50%;left:0;content:"";display:block;width:20px;height:2px;background-color:#333;}.header__search-box .search-box__result i:before{transform:rotate(-45deg);}.header__search-box .search-box__result i:after{transform:rotate(45deg);}.header__search-box input{width:240px;height:48px;line-height:48px;border:0;outline:0;background-color:transparent;font-size:12px;}@media(min-width:1200px){.header__search-box input{height:100%;line-height:100%;}}.header__search-box input+span.input-group-addon{display:flex;justify-content:center;align-items:center;width:initial;height:100%;padding:0;border:0;font-size:15px;cursor:pointer;}.header__search-box input+span.input-group-addon i{display:flex;align-items:center;color:#afafaf;}.header__search-box input+span.input-group-addon i:after{content:"";display:inline-block;width:1px;height:10px;margin:0 10px;background-color:rgba(0,0,0,.17);}.header__search-box img{font-size:8px;text-align:center;color:#999;}.header__search-box img:hover,.header__search-box img:focus{text-decoration:none;color:#555;}.page-content.search-box-container .slider-search-box-cn{position:relative;width:59%;margin:0 auto;transform:translateY(-50%);isolation:isolate;z-index:2;}.page-content.search-box-container .slider-search-box-cn::before,.page-content.search-box-container .slider-search-box-cn::after{content:"";position:absolute;display:block;width:60px;height:30px;top:50%;transform:translateY(-50%);background-color:#f05646;box-shadow:0 8px 36px 0 rgba(240,86,70,.69);border-radius:6px;opacity:0;transition:opacity 500ms;z-index:-1;}.page-content.search-box-container .slider-search-box-cn::before{right:-4px;}.page-content.search-box-container .slider-search-box-cn::after{left:-4px;}.page-content.search-box-container .slider-search-box-cn .header__search-box{visibility:visible;position:relative;width:100%;height:auto;left:initial;transform:initial;padding:13px 21px;background:rgba(255,255,255,.81);box-shadow:0 69px 180px 0 rgba(0,0,0,.18);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:0;border-radius:21px;opacity:1;z-index:auto;}.page-content.search-box-container .slider-search-box-cn .header__search-box .input-group{display:grid;grid-template-columns:1fr 12fr 1fr;transition:grid-template-columns 500ms;}.page-content.search-box-container .slider-search-box-cn .header__search-box .input-group .js__close-search-box-btn{display:none;}.page-content.search-box-container .slider-search-box-cn .header__search-box .input-group .js__start-searching{display:inline-block;width:54px;height:54px;background:url(/DesktopModules/FaraShop/Shared/Templates/header-search-box/theme-7200/assets/image/search-icon.png) no-repeat center;background-color:#f05646;box-shadow:0 24px 69px 0 rgba(240,86,70,.69);border-radius:50%;order:3;}.page-content.search-box-container .slider-search-box-cn .header__search-box .input-group input{width:95%;order:2;}.page-content.search-box-container .slider-search-box-cn .header__search-box .input-group .input-group-addon{background-color:transparent;order:1;}.page-content.search-box-container .slider-search-box-cn .header__search-box .search-box__result{width:100%;right:0;}@media(max-width:1023px){.page-content.search-box-container .slider-search-box-cn{width:95%;}.page-content.search-box-container .slider-search-box-cn .header__search-box .input-group .js__start-searching{width:40px;height:40px;}}.page-content.search-box-container .slider-search-box-cn:hover .header__search-box .input-group{grid-template-columns:1.2fr 12fr 1.2fr;}.page-content.search-box-container .slider-search-box-cn.active::before,.page-content.search-box-container .slider-search-box-cn.active::after{opacity:1;}.page-content.search-box-container .slider-search-box-cn.active .header__search-box .input-group{grid-template-columns:1.2fr 12fr 1.2fr;}