.elementor-9863 .elementor-element.elementor-element-64ddb95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:0px 0px 0px 0px;}.elementor-9863 .elementor-element.elementor-element-7da50b0{--display:flex;}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:var( --e-global-color-text );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:hover, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:focus, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:hover, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.wpml-ls-link__active, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.highlighted, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:focus{color:var( --e-global-color-accent );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-statics-post_translations{color:var( --e-global-color-text );}.elementor-9863 .elementor-element.elementor-element-2781df7 .wpml-elementor-ls .wpml-ls-item{font-family:"Vazirmatn", iranyekan;font-size:0.7rem;font-weight:300;}.elementor-9863 .elementor-element.elementor-element-9ef11c4{--display:flex;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-9863 .elementor-element.elementor-element-38e3f76 .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-size:1rem;}.elementor-9863 .elementor-element.elementor-element-7a47893{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-9863 .elementor-element.elementor-element-4e421d4{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-9863 .elementor-element.elementor-element-9394795{--display:flex;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-9863 .elementor-element.elementor-element-6eb2f8a .e-search-input{background-color:#F8FAFC;font-family:"Vazirmatn", iranyekan;font-weight:600;border-radius:99px 99px 99px 99px;}.elementor-9863 .elementor-element.elementor-element-6eb2f8a{--e-search-input-color:var( --e-global-color-primary );--e-search-icon-label-color:var( --e-global-color-secondary );--e-search-input-padding-block-start:8px;--e-search-input-padding-inline-start:18px;--e-search-input-padding-block-end:8px;--e-search-input-padding-inline-end:18px;--e-search-icon-label-size:1rem;--e-search-input-gap:1rem;--e-search-submit-margin-inline-start:1em;}.elementor-9863 .elementor-element.elementor-element-5053d19{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-9863 .elementor-element.elementor-element-5159abd .elementor-button{background-color:#3FC8B9;font-family:var( --e-global-typography-secondary-font-family ), iranyekan;font-weight:var( --e-global-typography-secondary-font-weight );fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-9863 .elementor-element.elementor-element-5159abd .elementor-button-content-wrapper{flex-direction:row;}.elementor-9863 .elementor-element.elementor-element-e7d298f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;}.elementor-9863 .elementor-element.elementor-element-e7d298f:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-e7d298f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-9863 .elementor-element.elementor-element-6598f9d{--display:flex;}.elementor-9863 .elementor-element.elementor-element-4d2f4c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-4d2f4c8:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-4d2f4c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-9863 .elementor-element.elementor-element-3fd6f75{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-80df898{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-80df898:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-80df898 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-80df898.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-4add207{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-4add207:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-4add207 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-9863 .elementor-element.elementor-element-5e6455f{text-align:center;}.elementor-9863 .elementor-element.elementor-element-5e6455f .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-3967e0c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-e2d7db8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-e2d7db8:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-e2d7db8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-e2d7db8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-d330b17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-d330b17:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-d330b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9863 .elementor-element.elementor-element-d937e9e{text-align:center;}.elementor-9863 .elementor-element.elementor-element-d937e9e .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-601a3b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-e87f803{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-e87f803:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-e87f803 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-e87f803.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-cf2132a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-cf2132a:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-cf2132a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9863 .elementor-element.elementor-element-2b307e2{text-align:center;}.elementor-9863 .elementor-element.elementor-element-2b307e2 .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-168ae37{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-0f70e33{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-0f70e33:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-0f70e33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-0f70e33.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-02b8710{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-02b8710:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-02b8710 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9863 .elementor-element.elementor-element-17d9759{text-align:center;}.elementor-9863 .elementor-element.elementor-element-17d9759 .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-8a57595{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-09d5db0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-09d5db0:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-09d5db0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-09d5db0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-619b5cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-619b5cd:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-619b5cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9863 .elementor-element.elementor-element-ae7bf16{text-align:center;}.elementor-9863 .elementor-element.elementor-element-ae7bf16 .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-b68717c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-c81830d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-c81830d:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-c81830d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-c81830d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-49cd504{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-49cd504:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-49cd504 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9863 .elementor-element.elementor-element-20d77dc{text-align:center;}.elementor-9863 .elementor-element.elementor-element-20d77dc .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-5558db3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-c174fec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-c174fec:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-c174fec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-c174fec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-8799d51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-8799d51:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-8799d51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9863 .elementor-element.elementor-element-f41a101{text-align:center;}.elementor-9863 .elementor-element.elementor-element-f41a101 .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-c38f6ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-f5c9963{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-f5c9963:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-f5c9963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-f5c9963.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-1ce557b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-1ce557b:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-1ce557b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9863 .elementor-element.elementor-element-90b656c{text-align:center;}.elementor-9863 .elementor-element.elementor-element-90b656c .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-70bb10c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-e13519e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9863 .elementor-element.elementor-element-e13519e:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-e13519e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-e13519e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9863 .elementor-element.elementor-element-de14d43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-de14d43:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-de14d43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9863 .elementor-element.elementor-element-1ac80e5{text-align:center;}.elementor-9863 .elementor-element.elementor-element-1ac80e5 .elementor-heading-title{font-family:"bakh.fa", iranyekan;font-weight:600;}.elementor-9863 .elementor-element.elementor-element-c46036b{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:2px;--n-tabs-gap:0px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:var( --e-global-color-secondary );--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-color:var( --e-global-color-primary );--n-tabs-icon-color-active:var( --e-global-color-secondary );}.elementor-9863 .elementor-element.elementor-element-c46036b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-9863 .elementor-element.elementor-element-c46036b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9863 .elementor-element.elementor-element-c46036b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-9863 .elementor-element.elementor-element-c46036b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-primary-font-family ), iranyekan;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-9863 .elementor-element.elementor-element-c46036b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-astglobalcolor4 );}.elementor-9863 .elementor-element.elementor-element-942b284{--display:flex;}.elementor-9863 .elementor-element.elementor-element-35631b0{--display:flex;}.elementor-9863 .elementor-element.elementor-element-210a5a9{--display:flex;}.elementor-9863 .elementor-element.elementor-element-22ff757{--display:flex;}.elementor-9863 .elementor-element.elementor-element-62b9018{--display:flex;}.elementor-9863 .elementor-element.elementor-element-adbb3c8{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-9863 .elementor-element.elementor-element-adbb3c8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-9863 .elementor-element.elementor-element-adbb3c8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-9863 .elementor-element.elementor-element-adbb3c8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-secondary-font-family ), iranyekan;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9863 .elementor-element.elementor-element-05b4676{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:#E0E0E0;--border-color:#E0E0E0;}.elementor-9863 .elementor-element.elementor-element-05b4676:not(.elementor-motion-effects-element-type-background), .elementor-9863 .elementor-element.elementor-element-05b4676 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-9863 .elementor-element.elementor-element-f5e7fc6{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-9863 .elementor-element.elementor-element-8290629 .elementor-icon-wrapper{text-align:center;}.elementor-9863 .elementor-element.elementor-element-94f9924{--display:flex;}.elementor-9863 .elementor-element.elementor-element-60fc7f6{--display:flex;}.elementor-9863 .elementor-element.elementor-element-6757446 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-9863 .elementor-element.elementor-element-6757446{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-9863 .elementor-element.elementor-element-40e7459{--display:flex;}.elementor-9863 .elementor-element.elementor-element-b61352c{--display:flex;}.elementor-9863 .elementor-element.elementor-element-31c66e8{--display:flex;}.elementor-9863 .elementor-element.elementor-element-5f3918e{--display:flex;}.elementor-9863 .elementor-element.elementor-element-97e16b2 .wpml-elementor-ls .wpml-ls-item{font-family:"bakh.fa", iranyekan;}.elementor-9863 .elementor-element.elementor-element-53b5456{--display:flex;}.elementor-9863 .elementor-element.elementor-element-0329efd .elementor-icon-wrapper{text-align:center;}.elementor-9863 .elementor-element.elementor-element-0329efd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-9863 .elementor-element.elementor-element-0329efd.elementor-view-framed .elementor-icon, .elementor-9863 .elementor-element.elementor-element-0329efd.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-9863 .elementor-element.elementor-element-0329efd.elementor-view-framed .elementor-icon, .elementor-9863 .elementor-element.elementor-element-0329efd.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9863 .elementor-element.elementor-element-3d60dab{--display:flex;}.elementor-9863 .elementor-element.elementor-element-c08121d{--display:flex;}.elementor-9863 .elementor-element.elementor-element-6e69bd7 .e-search-input{background-color:#F8FAFC;font-family:"Vazirmatn", iranyekan;font-weight:600;border-radius:99px 99px 99px 99px;}.elementor-9863 .elementor-element.elementor-element-6e69bd7{--e-search-input-color:var( --e-global-color-primary );--e-search-icon-label-color:var( --e-global-color-secondary );--e-search-input-padding-block-start:8px;--e-search-input-padding-inline-start:18px;--e-search-input-padding-block-end:8px;--e-search-input-padding-inline-end:18px;--e-search-icon-label-size:1rem;--e-search-input-gap:1rem;--e-search-submit-margin-inline-start:1em;}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu .elementor-item{font-family:"bakh.fa", iranyekan;}.elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--main .elementor-item:hover, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--dropdown a:hover, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--dropdown a:focus, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--dropdown a.highlighted, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-menu-toggle:hover, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-menu-toggle:focus{color:var( --e-global-color-astglobalcolor4 );}.elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--dropdown .elementor-item, .elementor-9863 .elementor-element.elementor-element-bbe4ca5 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"bakh.fa", iranyekan;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-9863 .elementor-element.elementor-element-38e3f76 .elementor-heading-title{font-size:0.9rem;}.elementor-9863 .elementor-element.elementor-element-7a47893{--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}}@media(max-width:991px){.elementor-9863 .elementor-element.elementor-element-05b4676{border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-f5e7fc6{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-9863 .elementor-element.elementor-element-8290629 .elementor-icon{font-size:1.8rem;}.elementor-9863 .elementor-element.elementor-element-8290629 .elementor-icon svg{height:1.8rem;}.elementor-9863 .elementor-element.elementor-element-94f9924{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:0px;}.elementor-9863 .elementor-element.elementor-element-40e7459{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-b61352c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-31c66e8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-0329efd{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-9863 .elementor-element.elementor-element-0329efd .elementor-icon-wrapper{text-align:end;}.elementor-9863 .elementor-element.elementor-element-0329efd .elementor-icon{font-size:2rem;}.elementor-9863 .elementor-element.elementor-element-0329efd .elementor-icon svg{height:2rem;}.elementor-9863 .elementor-element.elementor-element-c08121d{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(max-width:880px){.elementor-9863 .elementor-element.elementor-element-94f9924{--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-9863 .elementor-element.elementor-element-05b4676{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-f5e7fc6{--width:50%;}.elementor-9863 .elementor-element.elementor-element-94f9924{--width:50%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9863 .elementor-element.elementor-element-7d62a7c{text-align:end;}.elementor-9863 .elementor-element.elementor-element-60fc7f6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9863 .elementor-element.elementor-element-6757446{--e-off-canvas-width:80%;}.elementor-9863 .elementor-element.elementor-element-5f3918e{--width:50%;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-9863 .elementor-element.elementor-element-97e16b2 .wpml-elementor-ls .wpml-ls-item{font-size:0.6rem;}.elementor-9863 .elementor-element.elementor-element-53b5456{--width:50%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-9863 .elementor-element.elementor-element-6e69bd7{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}}@media(min-width:768px){.elementor-9863 .elementor-element.elementor-element-80df898{--width:70%;}.elementor-9863 .elementor-element.elementor-element-e2d7db8{--width:70%;}.elementor-9863 .elementor-element.elementor-element-e87f803{--width:70%;}.elementor-9863 .elementor-element.elementor-element-0f70e33{--width:70%;}.elementor-9863 .elementor-element.elementor-element-09d5db0{--width:70%;}.elementor-9863 .elementor-element.elementor-element-c81830d{--width:70%;}.elementor-9863 .elementor-element.elementor-element-c174fec{--width:70%;}.elementor-9863 .elementor-element.elementor-element-f5c9963{--width:70%;}.elementor-9863 .elementor-element.elementor-element-e13519e{--width:70%;}}@media(max-width:991px) and (min-width:768px){.elementor-9863 .elementor-element.elementor-element-5f3918e{--width:50%;}.elementor-9863 .elementor-element.elementor-element-53b5456{--width:50%;}}@media(max-width:880px) and (min-width:768px){.elementor-9863 .elementor-element.elementor-element-5f3918e{--width:50%;}.elementor-9863 .elementor-element.elementor-element-53b5456{--width:50%;}}/* Start custom CSS for search, class: .elementor-element-6eb2f8a *//* افکت فوکوس نرم هنگام کلیک کاربر */ .elementor-9863 .elementor-element.elementor-element-6eb2f8a form.elementor-search-form:focus-within { background-color: #FFFFFF !important; border-color: #3FC8B9 !important; box-shadow: 0 0 0 3px rgba(63, 200, 185, 0.18) !important; } /* اصلاح تراز متن راهنما */ .elementor-9863 .elementor-element.elementor-element-6eb2f8a input[type="search"]::placeholder { color: #94A3B8 !important; font-size: 12.5px !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5159abd *//* استایل پایه دکمه تماس */ .elementor-9863 .elementor-element.elementor-element-5159abd .elementor-button { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 4px 14px rgba(63, 200, 185, 0.35) !important; } /* حالت هاور (Hover) دقیقاً مشابه تصویر */ .elementor-9863 .elementor-element.elementor-element-5159abd .elementor-button:hover { background-color: #2BA89A !important; color: #FFFFFF !important; transform: translateY(-2px) !important; box-shadow: 0 8px 22px rgba(43, 168, 154, 0.45) !important; } /* افکت کلیک (Active) */ .elementor-9863 .elementor-element.elementor-element-5159abd .elementor-button:active { transform: translateY(0) !important; box-shadow: 0 3px 10px rgba(43, 168, 154, 0.3) !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-90c34ed *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-80df898 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4add207 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ce13a33 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2d7db8 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d330b17 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b2ed4fe *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e87f803 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf2132a *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-3b806e6 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f70e33 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02b8710 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-eb66751 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09d5db0 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-619b5cd *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-7d93df7 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c81830d *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-49cd504 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d08d995 *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c174fec *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8799d51 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-cef0ecf *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5c9963 *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ce557b *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-c99cc5f *//* گرید داینامیک و واکنش‌گرا هماهنگ با ارتفاع صفحه کاربر */ .tk-fast-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 6px !important; direction: rtl !important; height: auto !important; max-height: calc(85vh - 120px) !important; overflow-y: auto !important; } @media (min-height: 900px) { .tk-fast-list { max-height: none !important; overflow-y: visible !important; } } /* اجبار به خواندن متغیر فونت قالب پورتو و بادی */ .tk-fast-item, .tk-fast-item span { font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /* استایل آیتم محصول */ .tk-fast-item { display: flex !important; align-items: center !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; padding: 8px 12px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tk-fast-item:hover { background-color: #EAFBF9 !important; border-color: #3FC8B9 !important; transform: translateX(-3px) !important; } .tk-fast-item span { font-size: 12.5px !important; font-weight: 700 !important; color: #282C66 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.5 !important; letter-spacing: 0 !important; } .tk-fast-item:hover span { color: #3FC8B9 !important; } /* استایل اسکرول‌بار باریک */ .tk-fast-list::-webkit-scrollbar { width: 4px !important; } .tk-fast-list::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 10px !important; } .tk-fast-list::-webkit-scrollbar-thumb:hover { background: #3FC8B9 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e13519e *//* ========================================== کانتینر وسط: گرید متنی با انیمیشن فلش در هاور ========================================== */ .tk-clean-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 12px !important; width: 100% !important; padding: 12px 16px !important; direction: rtl !important; box-sizing: border-box !important; height: auto !important; max-height: calc(85vh - 130px) !important; overflow-y: auto !important; font-family: var(--porto-body-ff, var(--e-global-typography-primary-font-family, inherit)) !important; } /* آیتم لینک */ .tk-clean-link { display: flex !important; align-items: center !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; text-decoration: none !important; transition: all 0.25s ease !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: right !important; position: relative !important; } /* فلش مخفی قبل از هاور */ .tk-clean-link::before { content: "‹" !important; font-size: 17px !important; font-weight: bold !important; color: #00BAA6 !important; display: inline-block !important; width: 0 !important; opacity: 0 !important; transform: translateX(6px) !important; transition: all 0.25s ease !important; line-height: 1 !important; margin-left: 0 !important; } /* ظاهر شدن نرم فلش در حالت هاور */ .tk-clean-link:hover { color: #00BAA6 !important; } .tk-clean-link:hover::before { width: 12px !important; opacity: 1 !important; transform: translateX(0) !important; margin-left: 4px !important; } /* اسکرول‌بار باریک */ .tk-clean-grid::-webkit-scrollbar { width: 3px !important; } .tk-clean-grid::-webkit-scrollbar-track { background: transparent !important; } .tk-clean-grid::-webkit-scrollbar-thumb { background: #E2E8F0 !important; border-radius: 10px !important; } .tk-clean-grid::-webkit-scrollbar-thumb:hover { background: #00BAA6 !important; } /* ریسپانسیو تبلت و موبایل */ @media (max-width: 768px) { .tk-clean-grid { grid-template-columns: 1fr !important; max-height: 300px !important; column-gap: 0 !important; row-gap: 10px !important; padding: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de14d43 *//* اعمال فونت وزیر روی تیتر بنر سمت چپ */ .tk-target-title, .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3, #tk-target-title, #tk-target-title * { font-family: 'Vazirmatn', 'Vazir', tahoma, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1E293B !important; text-align: center !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* ثابت کردن ارتفاع محفظه تصویر برای جلوگیری از پرش */ .tk-target-image { height: 190px !important; min-height: 190px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 12px !important; } .tk-target-image img { max-height: 180px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* قفل کردن ارتفاع باکس عنوان برای ۲ خط */ .tk-target-title { min-height: 48px !important; /* فضا دقیقاً برای دو خط متن قفل می‌شود */ height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .tk-target-title .elementor-heading-title, .tk-target-title h2, .tk-target-title h3 { line-height: 1.4 !important; text-align: center !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e7d298f *//* اصلاح ترازبندی کلی هدر و مگامنو */ .e-n-menu-wrapper { display: flex !important; align-items: center !important; } /* اصلاح گرید زیرمنو و جلوگیری از کشیدگی عمودی */ .e-n-menu-content ul { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px 16px !important; } /* هاور و ترنزیشن تب‌های سایدبار مگامنو */ .e-n-tab-title { transition: all 0.2s ease-in-out !important; border-radius: 6px !important; } .e-n-tab-title:hover, .e-n-tab-title[aria-selected="true"] { background-color: #eafaf8 !important; color: #282c66 !important; }/* End custom CSS */ /* Start custom CSS for search, class: .elementor-element-6e69bd7 *//* افکت فوکوس نرم هنگام کلیک کاربر */ .elementor-9863 .elementor-element.elementor-element-6e69bd7 form.elementor-search-form:focus-within { background-color: #FFFFFF !important; border-color: #3FC8B9 !important; box-shadow: 0 0 0 3px rgba(63, 200, 185, 0.18) !important; } /* اصلاح تراز متن راهنما */ .elementor-9863 .elementor-element.elementor-element-6e69bd7 input[type="search"]::placeholder { color: #94A3B8 !important; font-size: 12.5px !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-bbe4ca5 *//* ۱. کانتینر اصلی و ریست ارتفاع */ .elementor-nav-menu--layout-vertical, .elementor-nav-menu--layout-vertical .elementor-nav-menu { width: 100% !important; padding: 0 !important; margin: 0 !important; list-style: none !important; box-sizing: border-box !important; } .elementor-nav-menu--layout-vertical .elementor-nav-menu > li { width: 100% !important; margin-bottom: 6px !important; position: static !important; display: block !important; } /* ۲. آیتم‌های سربرگ اصلی */ .elementor-nav-menu--layout-vertical .elementor-item { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 10px 14px !important; font-size: 0.92rem !important; font-weight: 700 !important; color: #1e293b !important; background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-sizing: border-box !important; text-decoration: none !important; } /* ۳. آیکون فلش */ .elementor-nav-menu--layout-vertical .sub-arrow { margin-right: auto !important; margin-left: 0 !important; padding: 2px !important; color: #94a3b8 !important; transition: transform 0.25s ease !important; } .elementor-nav-menu--layout-vertical li.tk-is-open > a .sub-arrow { transform: rotate(-90deg) !important; color: #3fc8b9 !important; } /* ۴. ریست قطعی موقعیت زیرمنو برای جلوگیری از فاصله الکی */ .elementor-nav-menu--layout-vertical .sub-menu { display: none !important; position: static !important; width: 100% !important; background: #f8fafc !important; border-right: 3px solid #3fc8b9 !important; border-radius: 0 0 8px 8px !important; padding: 6px 8px !important; margin: 4px 0 6px 0 !important; list-style: none !important; box-sizing: border-box !important; height: auto !important; min-height: 0 !important; } /* وقتی زیرمنو باز می‌شود */ .elementor-nav-menu--layout-vertical li.tk-is-open > .sub-menu { display: block !important; animation: tkMenuIn 0.2s ease-out forwards !important; } @keyframes tkMenuIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } /* ۵. لینک‌های داخل زیرمنو */ .elementor-nav-menu--layout-vertical .sub-menu li { width: 100% !important; margin: 3px 0 !important; list-style: none !important; } .elementor-nav-menu--layout-vertical .sub-menu li a { display: block !important; width: 100% !important; padding: 8px 10px !important; font-size: 0.85rem !important; font-weight: 500 !important; color: #334155 !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; text-decoration: none !important; box-sizing: border-box !important; } .elementor-nav-menu--layout-vertical .sub-menu li a:active { background-color: #3fc8b9 !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-60fc7f6 *//* ۱. ریست و تمام‌عرض کردن کل ساختار منوی عمودی */ .elementor-widget-nav-menu, .elementor-nav-menu--layout-vertical, .elementor-nav-menu--layout-vertical .elementor-nav-menu { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } /* ۲. استایل آیتم‌های سطح اصلی منو */ .elementor-nav-menu--layout-vertical .elementor-nav-menu > li { width: 100% !important; margin-bottom: 4px !important; } .elementor-nav-menu--layout-vertical .elementor-item { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 10px 14px !important; font-size: 0.9rem !important; font-weight: 700 !important; color: #1e293b !important; background-color: transparent !important; border-radius: 8px !important; box-sizing: border-box !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* هاور سطح اصلی */ .elementor-nav-menu--layout-vertical .elementor-item:hover, .elementor-nav-menu--layout-vertical .elementor-item:focus { background-color: #eafaf8 !important; color: #282c66 !important; } /* ۳. تنظیم و انیمیشن چرخش فلش/مثلث */ .elementor-nav-menu--layout-vertical .sub-arrow { margin-right: auto !important; margin-left: 0 !important; padding: 4px 8px !important; color: #94a3b8 !important; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important; } .elementor-nav-menu--layout-vertical li:hover > .elementor-item .sub-arrow, .elementor-nav-menu--layout-vertical li.elementor-active > .elementor-item .sub-arrow, .elementor-nav-menu--layout-vertical li.teb-open > .elementor-item .sub-arrow { color: #3fc8b9 !important; transform: rotate(-90deg) !important; } /* ۴. اسلاید بازشو نرم (Slide-Down بدون پرش با CSS Grid) */ .elementor-nav-menu--layout-vertical .sub-menu { display: grid !important; grid-template-rows: 0fr; transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease, opacity 0.25s ease !important; overflow: hidden !important; opacity: 0; padding: 0 8px !important; margin: 0 !important; background-color: #f8fafc !important; border-right: 3px solid transparent !important; border-radius: 0 8px 8px 0 !important; list-style: none !important; width: 100% !important; box-sizing: border-box !important; } .elementor-nav-menu--layout-vertical .sub-menu > * { min-height: 0; } /* ۵. اکتیو شدن اسلاید زیرمنو روی هاور یا کلاس فعال */ .elementor-nav-menu--layout-vertical li:hover > .sub-menu, .elementor-nav-menu--layout-vertical li.elementor-active > .sub-menu, .elementor-nav-menu--layout-vertical li.teb-open > .sub-menu { grid-template-rows: 1fr; opacity: 1; padding: 6px 8px !important; margin: 4px 0 8px 0 !important; border-right-color: #3fc8b9 !important; } /* ۶. آیتم‌های داخل زیرمنو و هاور تمیز */ .elementor-nav-menu--layout-vertical .sub-menu li { width: 100% !important; margin-bottom: 2px !important; } .elementor-nav-menu--layout-vertical .sub-menu a.elementor-sub-item { display: block !important; width: 100% !important; padding: 8px 12px !important; font-size: 0.85rem !important; font-weight: 500 !important; color: #475569 !important; background-color: transparent !important; border-radius: 6px !important; box-sizing: border-box !important; transition: all 0.2s ease !important; } .elementor-nav-menu--layout-vertical .sub-menu a.elementor-sub-item:hover, .elementor-nav-menu--layout-vertical .sub-menu a.elementor-sub-item:focus { background-color: #3fc8b9 !important; color: #ffffff !important; padding-right: 16px !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'bakh.fa'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://tebkaran.com/wp-content/uploads/2023/09/YekanBakhFaNum-Regular.woff2') format('woff2'), url('https://tebkaran.com/wp-content/uploads/2023/09/YekanBakhFaNum-Regular.woff') format('woff'), url('https://tebkaran.com/wp-content/uploads/2023/09/YekanBakhFaNum-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */