.elementor-249 .elementor-element.elementor-element-360320a{--display:flex;--margin-top:-9em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-249 .elementor-element.elementor-element-c5a94d8{--display:flex;--min-height:45vh;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:1;--border-radius:0px 0px 20px 20px;--padding-top:6em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-249 .elementor-element.elementor-element-c5a94d8:not(.elementor-motion-effects-element-type-background), .elementor-249 .elementor-element.elementor-element-c5a94d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sarvtan.com/wp-content/uploads/2026/08/shop-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-249 .elementor-element.elementor-element-c5a94d8::before, .elementor-249 .elementor-element.elementor-element-c5a94d8 > .elementor-background-video-container::before, .elementor-249 .elementor-element.elementor-element-c5a94d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-249 .elementor-element.elementor-element-c5a94d8 > .elementor-background-slideshow::before, .elementor-249 .elementor-element.elementor-element-c5a94d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-249 .elementor-element.elementor-element-c5a94d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(360deg, #0A0E12 0%, #0A0E1238 100%);}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-249 .elementor-element.elementor-element-33869b0{text-align:center;font-family:"Vazirmatn", Sans-serif;font-size:2.3em;font-weight:900;color:var( --e-global-color-accent );}.elementor-249 .elementor-element.elementor-element-18a92fe{--display:flex;}.elementor-249 .elementor-element.elementor-element-377fdeb{--spacer-size:10px;}.elementor-249 .elementor-element.elementor-element-b1ddbe9{--display:flex;--padding-top:10px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}.elementor-249 .elementor-element.elementor-element-e73971b{--display:flex;}.elementor-249 .elementor-element.elementor-element-38529b3{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:#FFFFFF;--e-filter-hover-text-color:#FFFFFF;--e-filter-active-text-color:#FFFFFF;--e-filter-item-border-radius:30px 30px 30px 30px;}.elementor-249 .elementor-element.elementor-element-38529b3 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:#6D6D6D54;}.elementor-249 .elementor-element.elementor-element-38529b3 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:transparent;background-image:linear-gradient(79deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-249 .elementor-element.elementor-element-38529b3 .e-filter-item[aria-pressed="true"]{background-color:transparent;background-image:linear-gradient(79deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-249 .elementor-element.elementor-element-38529b3 .e-filter-item{font-family:"Vazirmatn", Sans-serif;font-size:0.85em;padding:8px 20px 8px 20px;}.elementor-249 .elementor-element.elementor-element-8c739a5{--display:flex;}.elementor-249 .elementor-element.elementor-element-92afb0f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-249 .elementor-element.elementor-element-2d0cc19{--grid-columns:3;}.elementor-249 .elementor-element.elementor-element-68fc2b1{--display:flex;}.elementor-249 .elementor-element.elementor-element-8c39a11{--spacer-size:50px;}@media(max-width:1024px){.elementor-249 .elementor-element.elementor-element-2d0cc19{--grid-columns:2;}}@media(max-width:767px){.elementor-249 .elementor-element.elementor-element-c5a94d8{--min-height:49vh;--padding-top:9em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-249 .elementor-element.elementor-element-33869b0{padding:0px 20px 0px 20px;font-size:2.45em;}.elementor-249 .elementor-element.elementor-element-2d0cc19{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-360320a *//* ===================================== */
/* 1. تصویر پس‌زمینه هیرو فروشگاه با روکش روشن در حالت لایت (تصویر حفظ میشه) */
/* ===================================== */
html[data-theme="light"] .shop-hero-box.shop-hero-box {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.0)), url('https://sarvtan.com/wp-content/uploads/2026/08/shop-bg.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: normal !important;
}

/* ===================================== */
/* 2. غیرفعال کردن روکش تیره پیش‌فرض Elementor (::before) در حالت لایت */
/* ===================================== */
html[data-theme="light"] .elementor-249 .elementor-element.elementor-element-c5a94d8::before,
html[data-theme="light"] .elementor-249 .elementor-element.elementor-element-c5a94d8 > .elementor-background-video-container::before,
html[data-theme="light"] .elementor-249 .elementor-element.elementor-element-c5a94d8 > .e-con-inner > .elementor-background-video-container::before,
html[data-theme="light"] .elementor-249 .elementor-element.elementor-element-c5a94d8 > .elementor-background-slideshow::before,
html[data-theme="light"] .elementor-249 .elementor-element.elementor-element-c5a94d8 > .e-con-inner > .elementor-background-slideshow::before,
html[data-theme="light"] .elementor-249 .elementor-element.elementor-element-c5a94d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    background-color: transparent !important;
    background-image: linear-gradient(360deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.0) 100%) !important;
}

/* ===================================== */
/* 3. اصلاح رنگ متن‌های عنوان و زیرعنوان در حالت لایت */
/* ===================================== */
html[data-theme="light"] .shop-hero-title,
html[data-theme="light"] .shop-hero-title p,
html[data-theme="light"] .shop-hero-subtitle,
html[data-theme="light"] .shop-hero-subtitle p {
    color: var(--text-main) !important;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-38529b3 */html[data-theme="light"] .e-filter .e-filter-item {
    color: #000 !important;
}
/* Light Mode - حالت عادی */
html[data-theme="light"] .e-filter .e-filter-item {
    color: #000 !important;
    background-color: #fff !important;
}

/* حالت انتخاب‌شده */
html[data-theme="light"] .e-filter .e-filter-item[aria-pressed="true"] {
    color: #fff !important;
     font-weight: 900;
}

/* حالت Hover */
html[data-theme="light"] .e-filter .e-filter-item:hover {
    color: #fff !important;
    font-weight: 900;
}/* End custom CSS */