/* teslakala-product-archive-v2 */
* {
    font-family: 'Estedad-FD' !important;
}

html {
    overflow-y: scroll;
}

body {
    background: #fff;
}

.site-main {
    margin: 15px auto 0;
    width: 100%;
    padding: 0;
}

.tk_archive_first_section {
    max-width: calc(100% - 32px);
    width: 1334px;
    padding: 24px 16px 0;
    margin: auto;
}

.tk_archive_breadcrumb_container {
    max-width: 100%;
    width: 1334px;
    display: flex;
    justify-content: space-between;
    line-height: 24px;
    margin: 0 auto 16px;
    flex-wrap: wrap;
}

.tk_archive_breadcrumb {
    font-weight: 500;
    font-size: 14px;
}

.tk_archive_breadcrumb .woocommerce-breadcrumb {
    margin: 0 !important
}

header.woocommerce_archive_header {
    padding: 16px 0;
}

.woocommerce_archive_header__title {
    font-size: 24px !important;
    font-weight: 700;
    line-height: 36px;
    margin-top: 32px;
}

.tk_archive_section {
    max-width: 100%;
    width: 1366px;
    margin: 0 auto;
    padding: 0 32px;
    box-sizing: border-box;
}

.tk_archive_section_back{
    background: #F5F6F6;
}

.tk_archive_sub_section {
    max-width: 100%;
    width: 1366px;
    margin: 0 auto;
    padding: 24px 32px;
    box-sizing: border-box;
    display: flex;
    gap: 16px;
}

.tk_archive_section_container {
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
}

.tk_archive_container_side {
    width: 321px;
}

.tk_archive_container_main {
    width: calc(100% - 337px);
}

.tk_product_second_section {
    max-width: 100%;
    background: #F5F6F6;
    border-top: 1px solid #E4E9E9;
    border-bottom: 1px solid #E4E9E9;
    margin: 32px auto;
}

.archive_display_option_box {
    display: inline-flex;
    border: 1px solid #E4E9E9;
    background: #F5F6F6;
    border-radius: 100px;
    height: 38px;
    align-items: center;
    justify-content: center;
    width: 164px;
}

.archive_display_option_title,
.archive_display_option_box span {
    font-size: 14px;
    font-weight: 400;
    color: #394040;
    padding: 10px;
}

.archive_display_option {
    display: inline-block;
    position: absolute;
}

.archive_display_option_box span {
    cursor: pointer;
}

.tk_archive_container_main .term-description {
    width: auto;
    max-width: 100%;
    border: none;
    padding: 0;
    box-shadow: none;
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 190% !important;
}

.tk_archive_container_main .term-description p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 190% !important;
}

/* Category Description Show More/Less */
.tk_category_description_wrapper {
    position: relative;
}

.tk_category_description_content {
    overflow: hidden;
    transition: max-height 0.3s ease;
    word-wrap: break-word;
    font-weight: 400;
    line-height: 190%;
}

.tk_category_description_content h2 {
    font-size: 18px !important;
}

.tk_category_description_content.tk_collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.8em * 3);
    line-height: 190%;
}

.tk_category_description_toggle {
    background: transparent;
    border: none;
    color: #060707;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 6px 12px;
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s ease;
    direction: rtl;
}

.tk_category_description_toggle_icon {
    transition: transform 0.3s ease;
}

.tk_category_description_toggle.expanded .tk_category_description_toggle_icon {
    transform: rotate(180deg);
}

.term-description ul,
.term-description li {
    list-style: disc;
    margin-right: 16px;
}

.products.columns-3 {
    padding: 0;
    list-style: none outside;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px -1px 0 !important;
}


.archive_product_box .attachment-woocommerce_thumbnail {
    width: auto !important;
    margin: auto;
    display: block;
    object-fit: unset !important;
    margin-bottom: 40px;
}

.archive_product_box .woocommerce-loop-product__title {
    margin: 0 !important;
    color: #060707;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 26px !important;
    height: 72px !important;
}

.archive_product_box .tk_single_price_section .tk_price del {
    font-size: 14px !important;
}

.archive_product_box .tk_single_price_section .tk_price,
.archive_product_box .tk_single_price_section .tk_price ins {
    font-size: 16px !important;
}

.archive_product_box .tk_single_price_section .discount-percentage {
    font-weight: 700 !important;
}

.archive_product_box .tk_single_price_section {
    margin-bottom: 5px !important;
    height: 84px;
}

.archive_product_box .tk_jtoday_last,
.archive_product_box .tk_update_price,
.archive_product_box .tk_jtoday {
    font-size: 12px !important;
    text-align: left !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
    height: 22.4px;
}

.archive_product_box .button {
    display: flex;
    background: #FFD500;
    height: 32px;
    width: 108px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    color: #060707;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.archive_product_box .button:hover {
    background: #FF9900 !important
}

.archive_product_box .cart.tk_addtocart_form {
    position: absolute;
    bottom: 28px;
    right: 0;
}

.archive_product_box .quantity {
    display: flex;
    border-radius: 100px;
    margin-bottom: 0;
    border: 2px solid #CCD5D3;
    overflow: hidden;
    height: 36px;
    float: none;
    box-shadow: none;
    width: 104px;
}

.archive_product_box .quantity .plus {
    background: #E4E9E9;
    border: none;
    border-radius: 100px;
    width: 72px;
    height: 40px;
    margin: -2px 0 0;
    font-size: 0;
    padding: 0;
    text-align: center;
    display: block;
}

.archive_product_box .quantity .minus {
    background: #E4E9E9;
    border: none;
    border-radius: 100px;
    width: 72px;
    height: 40px;
    margin: -2px 0 0;
    font-size: 0;
    padding: 0;
    text-align: center;
    display: block;
}

.archive_product_box .quantity .trash {
    background: #E4E9E9;
    border: none;
    border-radius: 100px;
    width: 72px;
    height: 40px;
    margin: -2px 0 0;
    font-size: 0;
    padding: 0;
    text-align: center;
    display: block;
}

.archive_product_box .quantity .input-text.qty {
    width: calc(100% - 60px);
    padding: 0;
    height: 36px;
    font-size: 18px;
    font-weight: 500;
    margin: 1px 0 0 0;
    text-align: center;
    border: none;
    color: #060707;
    outline: none;
}

.archive_product_box .incart {
    height: 32px;
    margin: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 33px;
    align-items: center;
    width: 108px;
}

.archive_product_box .incart .in_your_cart {
    color: #060707;
    font-size: 12px;
    font-weight: 400;
}

.product-id {
    display: none;
}

.archive_product_box .inquiry_price {
    bottom: 28px;
    position: absolute;
}

.archive_product_box .inquiry_price:hover {
    background: #FF9900 !important;
}

.special_offer_label_shop {
    display: none;
}

.archive_product_box_data {
    position: relative;
    width: 100%;
}

.update_price_cat {
    display: none;
}

.archive_header {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 40px;
    align-items: center;
}

.woof_products_top_panel {
    display: none !important;
}

.woocommerce-ordering {
    text-align: left;
    width: 220px;
}

.woocommerce-ordering label {
    font-size: 14px;
    font-weight: 400;
    color: #394040;
    margin-left: 8px;
}

.tk_orderby {
    margin: 0;
    border: 1px solid #E4E9E9;
    border-radius: 100px;
    background: #F5F6F6;
    width: 136px;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: #394040;
}

.tk_result_count {
    color: #394040;
    font-size: 12px;
    font-weight: 400;
    margin-right: 32px;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover {
    text-decoration: underline #2A4ACA;
    text-underline-position: under;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover h2.woocommerce-loop-product__title {
    color: #2A4ACA !important;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover .archive_meta_data span {
    text-decoration: none !important;
}

.expert_box.whatsapp-carousel-item>div {
    display: contents;
}

.tk_add_to_cart_added,
.copy_location_notif,
.tk_product_id_copied_notif,
.copy_product_short_link_notif,
.saved_notif,
.deleted_saved_notif,
.tk_add_to_cart_delete {
    background: #060707;
    padding: 16px;
    width: 288px;
    height: 32px;
    border-radius: 8px;
    position: fixed;
    z-index: 9999999999;
    top: 40px;
    right: calc(50% - 160px);
    display: none;
}

.widget.widget-woof {
    padding: 16px;
    position: relative;
}

#woof_widget-3 .widget.widget-woof.active .woof_submit_search_form_container:first-child {
    display: none !important;
}

/* کانتینرِ اولِ دکمه‌های WOOF بالای ویجت می‌نشیند و در سایدبارِ بسته فقط یک
   «حذف فیلترها»ی اضافه نشان می‌داد؛ ریست/اعمالِ واقعی در فوترِ درawer است
   (کانتینر دوم، ensureResetButton). */
#woof_widget-3 .woof_submit_search_form_container:first-child {
    display: none !important;
    border: none;
    padding: 0;
    margin: 0;
    position: unset;
}

#woof_widget-3 .woof_submit_search_form_container:first-child button.button.woof_reset_search_form {
    position: absolute !important;
    top: 0px;
    left: 0;
    color: #ED1C24;
    font-size: 14px;
    text-align: left;
}

#woof_widget-3 .woof_submit_search_form_container:first-child .button.woof_submit_search_form {
    display: none !important;
}

.woof_container {
    box-shadow: none!important;
    margin: 0 -8px!important;
    padding: 0 8px!important;
    box-shadow: none !important;
}

.swiper-initialized.swiper-horizontal.swiper-rtl {
    width: 100% !important;
}

.swiper-initialized.swiper-horizontal.swiper-rtl img {
    height: 160px;
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
}

.woof_container_inner h4 {
    font-size: 16px !important;
    font-weight: 500;
    color: #060707 !important;
    border: none !important;
    padding: 16px !important;
    margin: 0 -16px !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    line-height: 1.7145 !important;
}

.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping:hover,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery:hover,
.woof_checkbox_instock_container.woof_container.woof_container_stock:hover,
.woof_container h4:hover {
    background: #E4E9E9;
}

.woof_container.active h4:hover {
    background: none;
}

.widget.widget-woof .sideboxtitle {
    font-size: 18px;
    font-weight: 700;
}

.widget.widget-woof .sideboxtitle.active {
    position: sticky;
    background: #fff;
    width: 100%;
    margin: -16px -16px 0;
    padding: 16px;
    top: -16px;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 1px solid #CCD5D3;
}

.widget.widget-woof .sideboxtitle.active:after {
    content: url('https://teslakala.com/wp-content/themes/teslakala/icon/x.svg');
    margin-bottom: -5px;
}

.woof_list.woof_list_checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
}

.woof_list.woof_list_checkbox li {
    min-width: 50%;
    padding: 10.1px 0 !important;
    margin: 0 !important;
    line-height: 0;
    text-wrap-mode: nowrap;
}

.woof_container_product_cat ul.woof_list.woof_list_checkbox {
    height: 272px;
    overflow-y: scroll;
}

.woof_block_html_items {
    display: none;
}

.woof.woof_sid.woof_sid_widget {
    margin-top: 16px;
}

.woof_container h4:after {
    content: url('https://teslakala.com/wp-content/themes/teslakala/icon/left_arrow.svg');
    margin-bottom: -10px;
    position: absolute;
    left: 10px;
}

.woof_container h4.active:after {
    content: '';
}

.woof_block_html_items {
    padding-bottom: 16px;
    border-bottom: 1px dashed #CCD5D3;
}

button.button.woof_submit_search_form {
    background: #FF9900 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #060707 !important;
    border: none !important;
    border-radius: 100px !important;
    height: 56px !important;
    max-width: 243px !important;
    width: calc(100% - 118px) !important;
    padding: 0 !important;
}

button.button.woof_reset_search_form {
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    color: #060707;
    border: none;
    border-radius: 100px;
    height: 56px;
    width: 102px;
    display: inline-block!important;
    padding: 0;
    margin-left: 16px;
}
button.button.woof_reset_search_form:disabled{
    color: #ccd5d3 !important;
}

button.button.woof_submit_search_form:hover {
    background: #FFBD1B !important;
    color: #060707 !important;
}

div#woof_html_buffer {
    display: none !important;
}

.widget.widget-woof.active {
    z-index: 1000000000;
    position: fixed;
    right: 0;
    width: 530px;
    max-width: calc(100% - 36px);
    top: 0;
    background: #fff;
    height: calc(100% - 34px);
    overflow-y: scroll;
    border-left: 2px solid #394040;
    border-radius: 0;
}

.woof_container.active {
    border: 2px dashed #04724D;
}

.sidebar_back {
    position: fixed;
    background: #060707;
    opacity: 0.32;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999999;
}

.woof_submit_search_form_container {
    /* position: sticky; */
    position: fixed;
    background: #fff;
    width: 530px;
    margin: 0 -16px -16px;
    padding: 16px;
    /* bottom: -16px; */
    bottom: 16px;
    display: none;
    border-top: 1px solid #CCD5D3;
    text-align: left;
    margin-top: 27%;
}

.woof_redraw_zone {
    margin-bottom: 70px;
}

.widget.widget-woof.active .woof_submit_search_form_container {
    margin-top: auto;
}

.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping label,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery label,
.woof_checkbox_instock_container.woof_container.woof_container_stock label {
    width: 127px;
    overflow: hidden;
    text-wrap-mode: nowrap;
}

.woof_list label {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.woof_container_inner>label {
    font-size: 16px !important;
    font-weight: 500;
    color: #060707 !important;
    border: none !important;
    padding: 16px 0 !important;
    margin: 0 !important;
    display: inline-flex !important
}

.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery,
.woof_checkbox_instock_container.woof_container.woof_container_stock {
    margin: 0 -16px!important;
    padding: 16px!important;
}

.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping label,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery label,
.woof_checkbox_instock_container.woof_container.woof_container_stock label {
    padding: 0 !important;
}

.showmore {
    color: #2A4ACA;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    display: block;
    margin-top: 16px;
}

aside {
    padding: 0 !important;
}

.widget.widget-woof.active .woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping,
.widget.widget-woof.active .woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery,
.widget.widget-woof.active .woof_checkbox_instock_container.woof_container.woof_container_stock {
    display: none;
}

.active_filter_dot {
    color: #2A4ACA;
    font-size: 29px;
    line-height: 6px;
    margin-right: 8px;
    margin-bottom: -5px;
}

.woof_container.active .active_filter_dot {
    display: none !important;
}

.pending_filter_dot {
    color: #2A4ACA;
    font-size: 29px;
    line-height: 6px;
    margin-right: 8px;
    margin-bottom: -5px;
}

.woof_container.active .pending_filter_dot {
    display: none !important;
}

.expert_image {
    aspect-ratio: 0 !important;
}

.expert_image img {
    width: 88px !important;
    height: 88px !important;
    border-radius: 100px !important;
}

.expert_box.whatsapp-carousel-item {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    padding: 24px 16px;
}

.expert_name {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.expert_name {
    font-size: 14px;
    font-weight: 400;
}

.expert_data {
    margin: 0 !important;
}

.internal_number {
    background: none;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 20px;
    position: relative;
    top: 5px;
}

.expert-contact img {
    position: absolute;
    width: 24px !important;
    margin: 0;
    border-radius: 100px;
    padding: 12px;
    border: 2px solid #CCD5D3;
    height: 24px;
    left: 16px;
    top: 40%;
}

.expert_post {
    text-align: left;
    width: 70%;
    left: 16px;
    position: absolute;
    font-size: 10px;
    font-weight: 400;
    top: 25px;
}

.widget.widget_expert_widget {
    border: 1px solid #CCD5D3!important;
    border-radius: 4px!important;
    margin: 0!important;
    padding: 0 !important;
    box-sizing: border-box !important;
    height: 158px;
}

.whatsapp-dots {
    bottom: 2px;
    display: none;
}

.whatsapp-dot {
    width: 8px;
    height: 8px;
}

.whatsapp_new_carousel {
    margin-bottom: 0 !important;
}

.slide-progress-back {
    display: none !important;
}

span.office_number {
    font-size: 16px !important;
    font-weight: 700;
}

.expert-contact {
    margin: 0 !important;
    line-height: 40px !important;
}

.expert-widget-title {
    padding: 16px 16px 6px;
    border: none !important;
    display: block !important;
    width: auto !important;
}

.expert-widget-title span {
    font-size: 0 !important;
    font-weight: 700 !important;
    border: none !important;
    color: #060707 !important;
    text-align: right !important;
    padding: 0 !important;
}

.expert-widget-title span:after {
    content: " ارتباط با تیم";
    font-size: 18px !important;
}

.expert_image:after {
    font-size: 30px;
    content: " ";
    position: absolute !important;
    bottom: 30px;
    right: 30px;
    background: #60D669;
    border: 2px solid #fff;
    border-radius: 100px;
    width: 10px;
    height: 10px;
}





.woof_checkbox_instock {
    display: none;
}

.woof_checkbox_instock_container .toggle-switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 42px;
    height: 22px;
    background: #CCD5D3;
    border-radius: 30px;
}

.woof_checkbox_instock_container .toggle-switch:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: white;
    border-radius: 50%;
}

.woof_checkbox_instock:checked+label .toggle-switch {
    background: #060707;
}

.woof_checkbox_instock:checked+label .toggle-switch:before {
    left: auto;
    right: 5px;
}

.woof_checkbox_instock_container.woof_container.woof_container_stock label {
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 32px);
    position: absolute;
    right: 16px;
}





#woof_meta_checkbox_in_person_delivery,
#woof_meta_checkbox_final_product_fast_shipping {
    display: none;
}

.woof_container_checkbox_in_person_delivery .toggle-switch,
.woof_container_checkbox_final_product_fast_shipping .toggle-switch {
    position: absolute;
    cursor: pointer;
    left: 16px;
    width: 42px;
    height: 22px;
    background: #CCD5D3;
    border-radius: 30px;
}

.woof_container_checkbox_in_person_delivery .toggle-switch:before,
.woof_container_checkbox_final_product_fast_shipping .toggle-switch:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: white;
    border-radius: 50%;
}

#woof_meta_checkbox_in_person_delivery:checked+label .toggle-switch,
#woof_meta_checkbox_final_product_fast_shipping:checked+label .toggle-switch {
    background: #060707;
}

#woof_meta_checkbox_in_person_delivery:checked+label .toggle-switch:before,
#woof_meta_checkbox_final_product_fast_shipping:checked+label .toggle-switch:before {
    left: auto;
    right: 5px;
}

.widget.widget-woof.active .woof_container h4 {
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 140% !important;
}

.widget.widget-woof.active .woof_container h4:hover {
    background: transparent;
}

.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping label,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery label,
.woof_checkbox_instock_container.woof_container.woof_container_stock label  {
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 32px);
}

.archive_fast_shipping_box_popup {
    position: fixed;
    z-index: 9999999999;
    width: 764px;
    height: 554px;
    top: calc(50% - 277px);
    left: calc(50% - 382px);
    border: 2px solid #E4E9E9;
    border-radius: 16px;
    background: #fff;
    display: none;
}

.archive_fast_shipping_box_popup_back {
    position: fixed;
    background: #060707;
    opacity: 0.32;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
}

.archive_fast_shipping_box_popup_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 39px;
    padding: 16px;
    border-bottom: 1px solid #E4E9E9;
}

.archive_fast_shipping_box_popup_body {
    padding: 16px 16px 32px;
}

.fast_shipping_box_popup_table {
    border-top: 1px dashed #CCD5D3;
    margin-top: 16px;
}

.fast_shipping_box_popup_table table {
    width: 100%;
}

.fast_shipping_box_popup_table table tr {
    border-top: 12px solid #fff;
    border-bottom: none;
}

.fast_shipping_box_popup_table table th {
    width: 200px;
    background: #fff;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #060707;
    line-height: 22.4px;
    text-align: right;
}

.fast_shipping_box_popup_table table td {
    background: #fff;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #060707;
    line-height: 22.4px;
}

.archive_fast_shipping_contactus {
    border: 2px solid #04724D;
    border-radius: 4px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
}

.archive_fast_shipping_contactus span {
    font-size: 16px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
}

.archive_fast_shipping_contactus span strong {
    font-weight: 700;
}

.archive_fast_shipping_contactus div {
    height: 40px;
}

.archive_fast_shipping_contactus .phone_number {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
}

.archive_fast_shipping_contactus .btn {
    border: 2px solid #CCD5D3;
    border-radius: 100px;
    height: 36px;
    width: 143px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    color: #060707;
}

.related_category {
    margin: 40px 0;
}

.related_category h2 {
    color: #394040;
    font-size: 18px !important;
    font-weight: 700;
    margin-bottom: 16px;
}

.related_category_list {
    border: 2px solid #E4E9E9;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.related_category_list li {
    height: 24px;
    display: flex;
    align-items: center;
}

.related_category_list li a {
    color: #2A4ACA;
    font-size: 16px;
    font-weight: 500;
}

.tk_archive_description_title {
    margin-top: 40px;
}

.tk_archive_description_title,
.category_faq h2 {
    color: #394040;
    font-size: 18px !important;
    font-weight: 700;
    margin-bottom: 16px;
}

.term-description h2 {
    font-size: 18px !important;
    line-height: 190% !important;
}

.tk_update_price {
    font-size: 16px;
    line-height: 22.4px;
    text-align: right;
    font-weight: 500;
    margin-bottom: 8px;
}

.tk_jtoday {
    font-size: 16px;
    line-height: 22.4px;
    text-align: right;
    font-weight: 500;
    color: #04724D;
}

.tk_jtoday_last {
    font-size: 16px;
    line-height: 22.4px;
    text-align: right;
    font-weight: 500;
    color: #ED1C24;
}

.tk_single_price_section {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    margin-bottom: 24px;
}

.tk_single_price_section .discount-percentage {
    background: #ED1C24;
    padding: 4px 4px 0;
    border-radius: 4px;
    min-width: 24px;
    line-height: 22.4px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-bottom: 4px;
}

.tk_single_price_section .tk_price del {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    color: #394040;
    text-align: left;
}

.tk_single_price_section .tk_price del .woocommerce-Price-currencySymbol {
    display: none;
}

.tk_single_price_section .tk_price ins {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #060707;
    text-align: left;
    text-decoration: none;
}

.tk_single_price_section .tk_price {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #060707;
    text-align: left;
    text-decoration: none;
}

.price_inquiry_form_popup .teslakala_buton:not(.mobile_number_submit) {
    width: 154px !important;
    margin-right: auto;
}

.price_inquiry_form_popup {
    position: fixed;
    z-index: 9999999999;
    width: 412px;
    max-height: 90vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #E4E9E9;
    border-radius: 16px;
    background: #fff;
    display: none;
    flex-direction: column;
}

.radio-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 8px 0 16px;
    border-bottom: 1px dashed #CCD5D3;
}

.price_inquiry_form_popup_header,
.price_inquiry_form_popup .product_request_price_modal_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 72px;
    min-height: 72px;
    padding: 16px;
    box-sizing: border-box;
    flex-shrink: 0;
    border-bottom: 1px solid #E4E9E9;
}

.price_inquiry_form_popup .product_request_price_modal_header > span {
    line-height: 25px;
}

.price_inquiry_form_popup .product_request_price_modal_close {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.floating_label {
    font-size: 16px;
    color: #060707;
    font-weight: 700;
    line-height: 22px;
}
.price_inquiry_form_popup .product_request_price_modal_body {
    padding: 32px 16px 16px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    height: 364px;
}

.price_inquiry_form_popup .product_request_price_modal_footer {
    padding: 16px;
}

.price_inquiry_form_popup .mobile_number_submit:disabled {
    cursor: not-allowed!important;
    background: #CCD5D3!important;
    color: #7E928F!important;
}

.price_inquiry_form_popup .price_request_info_section {
    background: #F5F6F6;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 24px;
}

.price_inquiry_form_popup .price_request_info_text {
    display: flex;
    align-items: flex-center;
    gap: 12px;
}

.price_inquiry_form_popup .price_request_info_icon {
    width: 23px;
    height: 32px;
    flex-shrink: 0;
}

.price_inquiry_form_popup .price_request_info_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #060707;
}

.price_inquiry_form_popup .price_request_info_text span {
    font-weight: 400;
    color: #060707;
    font-size: 16px;
    line-height: 190%;
}

.price_inquiry_form_popup .product_request_price_modal_body .floating-label-input {
    position: relative;
    margin-bottom: 32px !important;
    padding: 0 !important;
    margin-top: 0 !important;
    border: none!important;
}

.price_inquiry_form_popup .product_request_price_modal_body .floating-label-input label {
    position: absolute;
    top: 48%;
    right: 15px;
    font-size: 14px;
    color: #7E928F;
    pointer-events: none;
    transform: translateY(-48%);
    transition: all 0.3s;
    outline: none !important;
}

.price_inquiry_form_popup .product_request_price_modal_body .floating-label-input input:focus + label,
.price_inquiry_form_popup .product_request_price_modal_body .floating-label-input input:not(:placeholder-shown) + label {
    top: -1px;
    right: 8px;
    font-size: 14px;
    color: #394040;
    font-weight: 400;
    padding: 0 4px;
    background: #fff;
    max-width: calc(100% - 24px);
    width: auto;
}


.price_inquiry_form_popup .product_request_price_modal_body .radio-group label {
    font-size: 16px;
    font-weight: 500;
    color: #060707;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px;
}

.price_inquiry_form_popup .product_request_price_modal_body input[type="radio"] {
    width: 22.17px;
    height: 22.17px;
    margin: 2.92px !important;
}

.price_inquiry_form_popup .product_request_price_modal_body .radio-group {
    gap:16px;
    margin: 16px 0 32px;
    padding-bottom: 32px;
}

.price_inquiry_form_popup .mobile_number_submit,
.price_inquiry_form_popup button.mobile_number_submit {
    background: #FF9900 !important;
    width: 100% !important;
    color: #060707 !important;
    border: none !important;
    font-size: 16px !important;
    height: 56px !important;
    font-weight: 500 !important;
    border-radius: 100px !important;
    margin-right: 0 !important;
}

/* Notification styles - matching product page */
.mobile_number_submit_notif {
    background: #060707;
    padding: 16px;
    width: 746px;
    height: auto;
    min-height: 49px;
    border-radius: 8px;
    position: fixed;
    z-index: 9999999999;
    top: 40px;
    right: calc(50% - 389px);
    display: none;
    align-items: center;
}

.mobile_number_submit_notif > div {
    display: flex;
    flex-direction: column;
}

/* Input styles for modal - matching product page */
.price_inquiry_form_popup .product_request_price_modal_body .teslakala_text_input {
    padding: 20px 12px !important;
    height: 62px !important;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #394040;
    border-radius: 4px !important;
    outline: none;
    transition: border-color 0.3s;
    color: #060707;
    margin: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

.archive_in_person_delivery_address {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price_inquiry_form_popup_back,
.price_inquiry_form_popup .product_request_price_modal_back {
    position: fixed;
    background: #060707;
    opacity: 0.32;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
}

.archive_attribute_display_title {
    font-size: 12px;
    font-weight: 400;
    color: #394040;
}

.archive_attribute_display_desc {
    font-size: 12px;
    font-weight: 500;
    color: #394040;
}

.archive_attribute_display {
    line-height: 20px;
    margin-bottom: 4px;
}

.archive_meta_sheet {
    display: flex;
    gap: 24px;
}

.archive_meta_data span {
    font-size: 12px;
    font-weight: 400;
    color: #2A4ACA;
    padding: 6px 0;
    text-decoration: none !important;
}

.archive_meta_data {
    width: auto;
    display: flex;
    flex-direction: row;
    gap: 8px;
    height: 24px;
    margin-top: 8px;
}

.archive_in_person_delivery {
    width: 138px;
    height: 16px;
    text-align: center;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 4px;
    color: #394040;
    margin-top: -40px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.archive_in_person_delivery:hover {
    background: #FFF2C5;
}

.tk_product_archive_in_person_delivery_popup {
    position: fixed;
    z-index: 9999999999;
    width: 764px;
    height: 501px;
    top: calc(50% - 250.5px);
    left: calc(50% - 382px);
    border: 2px solid #E4E9E9;
    border-radius: 16px;
    background: #fff;
    display: none;
}

.tk_product_archive_in_person_delivery_popup_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 39px;
    padding: 16px;
    border-bottom: 1px solid #E4E9E9;
}

.tk_product_archive_in_person_delivery_popup_body {
    padding: 16px 16px 32px;
}

.archive_in_person_delivery_popup_body_heading {
    font-size: 18px;
    font-weight: 700;
    color: #060707;
    padding-bottom: 16px;
    border-bottom: 1px dashed #CCD5D3;
    line-height: 25.2px;
    margin-bottom: 16px;
}

.woof_container_product_cat {
    display: none;
}

.tk_product_archive_in_person_delivery_popup_back {
    position: fixed;
    background: #060707;
    opacity: 0.32;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
}

.copy_location {
    cursor: pointer;
}

.archive_fast_shipping_row {
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFF2C5;
    border-radius: 100px;
    width: 94px;
    padding: 4px;
    border: 1px solid #FFF2C5;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}

.archive_fast_shipping_row:hover {
    border: 1px solid #FF9900;
}

.archive_fast_shipping_title {
    font-size: 12px;
    font-weight: 500;
    color: #394040;
}


.tk_feature {
    max-width: calc(100% - 32px);
    width: 1334px;
    padding: 32px 16px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    overflow-x: scroll;
}

.tk_feature_box {
    display: flex;
    align-items: center;
    padding: 8px 24px;
    border-right: 1px dashed #7E928F;
    margin: 16px 0;
}

.tk_feature_box:first-child {
    padding: 8px 16px 8px 24px;
    border-right: none;
}

.tk_feature_box:last-child {
    padding: 8px 24px 8px 16px;
}

.tk_feature_text {
    display: flex;
    flex-direction: column;
}

.tk_feature_title {
    color: #060707;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
}

.tk_feature_desc {
    color: #394040;
    font-weight: 400;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery .tooltip_img,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping .tooltip_img {
    vertical-align: middle;
    margin-right: 8px;
}


.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery .tooltip_text,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping .tooltip_text {
    position: absolute;
    background: #394040;
    color: #fff;
    width: 250px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    z-index: 9999999999999;
    white-space: pre-wrap;
    padding: 8px 16px;
    text-align: justify;
    right: 220px;
    top: -55px;
    display: none;
}

.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery .tooltip:hover .tooltip_text,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping .tooltip:hover .tooltip_text {
    display: block;
}

.woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery .tooltip_text:before,
.woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping .tooltip_text:before {
    width: 36px;
    height: 36px;
    background: #394040;
    position: absolute;
    right: -5px;
    content: '';
    z-index: -1;
    top: calc(50% - 18px);
    transform: rotate(45deg);
}

.tk_mobile_filter {
    font-size: 16px;
    font-weight: 500;
    color: #1F2A37;
    border: 2px solid #CCD5D3;
    border-radius: 100px;
    width: 100%;
    height: 56px;
    background: #fff;
    display: none;
}

.mobile_sort_icon {
    display: none;
}

.tertiary_hover:hover {
    background: #394040 !important;
    border-color: #394040 !important;
    color: #fff !important;
}

input.woof_checkbox_term {
    width: 19.83px !important;
    height: 19.83px !important;
    padding: 4.09px !important;
    border-radius: 0 !important;
    border: 2px solid #060707 !important;
    -webkit-appearance: none;
    position: relative;
}

input.woof_checkbox_term:checked {
    background: #060707;
}

input.woof_checkbox_term:checked:after {
    content: "✓";
    color: #fff;
    top: -2px;
    left: 3.5px;
    position: absolute;
    font-size: 12px;
}

#whatsapp-support .teslakala_chatbox_icon {
    z-index: 999999999 !important;
}

@media only screen and (max-width: 1024px) {

    .archive_fast_shipping_box_popup_body p,
    .archive_fast_shipping_box_popup_body span,
    .archive_fast_shipping_box_popup_body th,
    .archive_fast_shipping_box_popup_body td {
        font-size: 14px !important;
    }

    .archive_fast_shipping_box_popup_header span {
        font-size: 16px !important;
    }

    .archive_fast_shipping_contactus span {
        margin-bottom: 16px;
    }

    .tk_archive_container_side {
        width: 321px !important;
    }

    .tk_archive_container_main {
        width: calc(100% - 337px) !important;
    }

    .archive_product_box {
        width: 100% !important;
        flex-direction: row;
    }

    .archive_product_box .attachment-woocommerce_thumbnail {
        margin-bottom: 0;
        margin-left: 16px;
    }

    .archive_in_person_delivery {
        position: absolute;
        top: 240px;
        right: 0;
    }

    .archive_display_option {
        display: none !important;
    }


    .price_inquiry_form_popup {
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        transform: none;
        border-radius: 16px 16px 0 0;
        height: 532px;
        max-height: 90vh;
    }

    .price_inquiry_form_popup .product_request_price_modal_body {
        height: 344px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .mobile_number_submit_notif {
        width: 288px;
        right: calc(50% - 160px);
        height: auto;
    }

    .price_inquiry_form_popup,
    .archive_fast_shipping_box_popup,
    .tk_product_archive_in_person_delivery_popup {
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        border-radius: 16px 16px 0 0;
        height: 532px;
    }

    .archive_fast_shipping_box_popup>div:nth-child(2),
    .tk_product_archive_in_person_delivery_popup>div:nth-child(2) {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 415px;
    }
}


@media only screen and (max-width: 767px) {

    .woof_checkbox_instock_container .toggle-switch{
        left:8px!important;
    }
    .woof_container_checkbox_in_person_delivery .toggle-switch, .woof_container_checkbox_final_product_fast_shipping .toggle-switch{
        left:24px!important;
    }
    .woof_container_inner h4{
        padding: 16px 24px !important;
        margin: 0 -16px !important;
    }
    .woof_container h4:after{
        left: 24px !important;
    }
    .woof_list.woof_list_checkbox li {
        border-bottom: 1px solid #F5F6F6 !important;
        width: 100%;
    }
    .woof_container {
        margin: 0 -16px !important;
        padding: 0 16px !important;
    }

    .woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping,
    .woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery,
    .woof_checkbox_instock_container.woof_container.woof_container_stock {
        margin: 0 -16px!important;
    }

    .fast_shipping_box_popup_table table tr {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .tk_archive_container_main .term-description {
        font-size: 16px !important;
    }

    .tk_archive_container_main .term-description p {
        font-size: 16px !important;
    }

    .tk_category_description_content.tk_collapsed {
        max-height: calc(1.6em * 3);
    }

    .tk_category_description_toggle {
        font-size: 14px;
        padding: 6px 0;
        margin-top: 6px;
    }

    .swiper-initialized.swiper-horizontal.swiper-rtl img {
        height: 128px;
        width: 100% !important;
    }

    .widget.widget-woof.active .woof_container h4 {
        display: none;
    }

    .archive_product_box_data {
        width: calc(100% - 128px);
    }

    .in_person_delivery_desktop,
    .fast_shipping_desktop {
        display: none;
    }

    .woocommerce-breadcrumb,
    .tk_archive_breadcrumb {
        overflow-x: scroll;
        display: flex;
        white-space: nowrap;
    }

    .tk_archive_breadcrumb .woocommerce-breadcrumb a {
        font-size: 14px !important;
        white-space: nowrap;
    }

    .archive_fast_shipping_contactus {
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        line-height: 55px;
        height: auto;
    }

    .tk_add_to_cart_added,
    .copy_location_notif,
    .tk_product_id_copied_notif,
    .copy_product_short_link_notif,
    .saved_notif,
    .deleted_saved_notif,
    .tk_add_to_cart_delete {
        font-size: 14px !important;
        padding: 10px !important;
    }

    .tk_archive_section_container {
        flex-direction: column-reverse !important;
    }

    .tk_archive_container_side {
        width: calc(100% + 36px) !important;
        margin: 0 -18px;
    }

    .widget {
        border-radius: 0 !important;
    }

    .widget.widget-woof {
        display: none;
    }

    .tk_archive_container_main {
        width: 100% !important;
    }

    .archive_product_box {
        width: 100%;
        margin: 0 -16px;
    }

    .tk_product_second_section {
        margin: 16px auto;
    }

    .tk_feature_text {
        width: 112px;
        text-align: center;
    }

    .tk_feature_box {
        flex-direction: column;
    }

    .tk_feature_box img {
        margin: 0 0 16px 0 !important;
        width: 32px;
    }

    .tk_feature_title {
        height: auto;
    }

    .tk_mobile_filter {
        display: block !important;
    }

    .woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery .tooltip_text,
    .woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping .tooltip_text {
        right: calc(50% - 138px);
        top: 50px;
    }

    .woof_meta_checkbox_container.woof_container.woof_container_checkbox_in_person_delivery .tooltip_text:before,
    .woof_meta_checkbox_container.woof_container.woof_container_checkbox_final_product_fast_shipping .tooltip_text:before {
        top: -5px;
        right: calc(50% - 18px);
    }

    .archive_header {
        height: auto;
        flex-direction: column-reverse;
    }

    .mobile_row {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 8px;
    }

    .woocommerce-ordering label {
        display: none;
    }

    .tk_orderby {
        background: #fff;
        height: 56px;
        border: none;
        font-size: 16px !important;
        font-weight: 500;
    }

    .mobile_sort_icon {
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        background: #fff;
        padding: 10px;
    }

    .woocommerce-ordering {
        width: 136px !important;
    }

    .tk_result_count {
        margin: 0;
        width: 100%;
        padding: 16px;
        text-align: center;
    }

    .woof_container,
    .woof_meta_checkbox_container.woof_container.woof_container_checkbox_archive_in_person_delivery,
    .woof_checkbox_instock_container.woof_container.woof_container_stock {
        border-bottom: 1px solid #F5F6F6 !important;
    }

    .widget.widget-woof .sideboxtitle:after {
        content: url(https://teslakala.com/wp-content/themes/teslakala/icon/x.svg);
        margin-bottom: -5px;
    }

    .widget.widget-woof .sideboxtitle {
        position: sticky;
        background: #fff;
        width: 100%;
        margin: -16px -16px 0;
        padding: 16px;
        top: -16px;
        z-index: 9999999;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        border-bottom: 1px solid #CCD5D3;
    }

    #woof_widget-3 .woof_submit_search_form_container:first-child button.button.woof_reset_search_form {
        top: 15px !important;
        left: 40px !important;
        z-index: 99999999;
        height: 25px;
    }

    .widget.widget-woof {
        position: fixed !important;
        background: #fff;
        inset: 0;
        z-index: 1000000000;
    }

    .woof_submit_search_form_container {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        margin: 0 !important;
        right: 0 !important;
        width: calc(100% - 32px) !important;
        z-index: 999999999999999999 !important;
    }

    .woof_container.active {
        border: none !important;
    }

    .widget.widget-woof.active .woof_container {
        display: none;
    }

    .widget.widget-woof.active .woof_container.active {
        display: block;
    }

    .widget.widget-woof .sideboxtitle.active:after {
        display: none;
    }

    .widget.widget-woof .sideboxtitle.active:before {
        content: url(https://teslakala.com/wp-content/themes/teslakala/icon/back_sign.svg);
        margin-bottom: -5px;
        margin-left: 22px;
    }

    .widget.widget-woof .sideboxtitle.active {
        justify-content: flex-start !important
    }

    .widget.widget-woof.active ul.woof_list {
        height: calc(100vh - 230px) !important;
        overflow: scroll;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .tk_archive_container_main:before {
        content: "فیلتر محصولات";
        font-weight: 700;
        font-size: 18px;
        color: #060707;
        margin-bottom: 16px;
        display: block;
    }

    .archive_product_box .attachment-woocommerce_thumbnail {
        width: 120px !important;
        margin-left: 8px !important;
        object-fit: contain !important;
    }

    .archive_product_box .tk_single_price_section .tk_price,
    .archive_product_box .tk_single_price_section .tk_price ins {
        font-size: 14px !important;
    }

    .page-numbers {
        gap: 5px;
        width: 30px;
        height: 30px;
    }

    .fast_shipping_mobile .archive_in_person_delivery {
        position: unset;
        margin: 0;
    }

    .fast_shipping_mobile .archive_fast_shipping_row {
        position: unset;
    }

    .fast_shipping_mobile {
        display: flex;
        height: 32px;
        margin-bottom: 8px;
        gap: 16px;
    }
}

@media only screen and (min-width: 767px) {
    .fast_shipping_mobile {
        display: none;
    }
}

/* Product loading overlay */
.products.columns-3.loading-display-change {
    position: relative;
    pointer-events: none;
}

.products.columns-3.loading-display-change::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 10;
    border-radius: 0;
}

.products.columns-3.loading-display-change::after {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-image: url('https://teslakala.com/wp-content/themes/teslakala/icon/loading40.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 11;
    animation: tk-loading-spin 0.8s linear infinite;
}

/* Brand products loading overlay */
.brand-products-wrapper.loading-display-change {
    position: relative;
    pointer-events: none;
}

.brand-products-wrapper.loading-display-change::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 10;
    border-radius: 0;
}

.brand-products-wrapper.loading-display-change::after {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-image: url('https://teslakala.com/wp-content/themes/teslakala/icon/loading40.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 11;
    animation: tk-loading-spin 0.8s linear infinite;
}

@keyframes tk-loading-spin {
    from {
        transform: translateX(-50%) rotate(0deg);
    }
    to {
        transform: translateX(-50%) rotate(360deg);
    }
}

/* List display styles */
@media only screen and (min-width: 1024px) {
    .products.list_display_mode .product-title a h3 {
        font-size: 12px !important;
    }

    .products.list_display_mode .archive_product_box {
        width: 100% !important;
        flex-direction: row;
        padding: 40px 16px;
        border-left: none;
        border-right: none;
    }

    .products.list_display_mode .archive_product_box .attachment-woocommerce_thumbnail {
        margin-bottom: 0;
        margin-left: 16px;
    }

    .products.list_display_mode .archive_in_person_delivery {
        position: absolute;
        top: 240px;
        right: 0;
    }

    .products.list_display_mode .archive_product_box .cart.tk_addtocart_form {
        position: absolute;
        bottom: 0;
        left: 0;
        right: auto;
    }

    .products.list_display_mode .archive_product_box .tk_single_price_section {
        position: absolute;
        left: 0;
        top: 0;
        flex-direction: column !important;
    }

    .products.list_display_mode .tk_single_price_section .tk_price {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .products.list_display_mode .archive_product_box .tk_single_price_section .discount-percentage {
        position: relative;
        top: -25px;
    }

    .products.list_display_mode p.tk_update_price {
        position: absolute;
        left: 0;
        bottom: 40px;
    }

    .products.list_display_mode .archive_top_attribute {
        display: block !important;
    }

    .products.list_display_mode .archive_meta_data {
        width: 64px;
        display: flex;
        flex-direction: column;
        gap: 0;
        height: auto;
        margin-top: 0;
    }

    .products.list_display_mode .archive_product_box .inquiry_price {
        left: 0;
        bottom: 0;
    }
}

/* لودینگ دکمه استعلام: وسط‌چین کردن اسپینر tk_loader مثل دکمه‌های مدال ورود */
.teslakala_buton.tk_btn_loading {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===================================================================
   V2 OVERRIDES — scoped .tk-archive-v2 (استایل‌های اختصاصی v2 اینجا)
   بالاش کپیِ فریزشده‌ی product-cat.css پایه است (v1 دیگر لود نمی‌شود).
   =================================================================== */

/* =========================================================================
   Teslakala — Product Category page V2 (Figma redesign)
   Scoped under .tk-archive-v2 (on <main>). Loaded after product-cat.css.
   PREVIEW: user 5441 only (gated in mu-plugins/teslakala-archive-v2.php).
   ========================================================================= */

.tk-archive-v2 {
    --tk-yellow: #FFD500;
    --tk-yellow-d: #FFBD1B;
    --tk-orange: #FF9900;
    --tk-red: #ED1C24;
    --tk-green: #04724D;
    --tk-green-l: #E6F4EE;
    --tk-ink: #060707;
    --tk-ink2: #394040;
    --tk-muted: #7E928F;
    --tk-line: #E4E9E9;
    --tk-line2: #CCD5D3;
    --tk-bg: #F5F6F6;
    --tk-blue: #2A4ACA;
    --tk-radius: 12px;
}

/* hide the promo slider on v2 (design starts straight at title row) */
.tk-archive-v2 .woocommerce_archive_header .slider_render_section { display: none !important; }

/* ---------- top header row: title (right) + consultant box (left) ---------- */
.tk-archive-v2 .woocommerce_archive_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0;
    padding: 0;
}
.tk-archive-v2 .woocommerce_archive_header__title {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--tk-ink) !important;
}

/* consultant box relocated into the header slot */
/* consult widget styling now lives in expert-widget plugin (redesign 2026-07) */

/* ---------- subcategory cards row ---------- */
.tk-archive-v2 .sub_category_list {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    direction: rtl;
    flex-wrap: nowrap !important;
    gap: 0;
    width: 100% !important;
    max-height: none !important;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.tk-archive-v2 .sub_category_list::-webkit-scrollbar { display: none; }
.tk-archive-v2 .subcategory_showmore { display: none !important; }

/* ردیف باید scroll container بماند: هم اسکرول را نگه می‌دارد، هم چون
   scroll container است min-width:auto اش صفر می‌شود و به‌عنوان flex item
   داخل .tk_archive_sub_section جمع می‌شود. با visible عرضش ۱۸۶۶ می‌شد و
   کارت‌ها بیرونِ صفحه و غیرقابل‌دسترس می‌ماندند. نوارش پایین‌تر مخفی می‌شود. */
.tk-archive-v2 .sub_category_row {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.tk-archive-v2 .sub_category_row::-webkit-scrollbar { display: none; }
.tk-archive-v2 .sub_category_list .subcategory_button {
    flex: 0 0 calc((100% + 7px) / 8);
    width: calc((100% + 7px) / 8);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px 24px 16px;
    border: 1px solid #E4E9E9;
    border-radius: 0;
    background: #fff;
    text-align: center;
    height: 158px;
}
.tk-archive-v2 .sub_category_list .subcategory_button .subcategory_thumb {
    display: block;
    flex: 0 0 auto;
    width: 56px; height: 56px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.tk-archive-v2 .sub_category_list .subcategory_button span:not(.subcategory_thumb) {
    font-size: 12px;
    font-weight: 500;
    color: var(--tk-ink);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px;
    line-height: 180%;
}

@media only screen and (min-width: 768px) {
    .tk-archive-v2 .sub_category_row,
    .tk-archive-v2 .sub_category_list {
        width: 100%;
        max-width: 1302px;
        height: 158px;
    }

    .tk-archive-v2 .sub_category_list .subcategory_button {
        margin: 0;
    }

    .tk-archive-v2 .sub_category_list .subcategory_button:not(:nth-child(8n)) {
        margin-left: -1px;
    }
}

.widget.widget_expert_widget .expert_box.whatsapp-carousel-item{
    padding: 12px 12px 12px 8px!important;
}

/* ---------- two-column body: filter sidebar (right) + grid (left) ---------- */
.tk-archive-v2 .tk_archive_section_container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0 0;
}
.tk-archive-v2 .tk_archive_container_side {
    order: 1;
    flex: 0 0 313px;
    width: 313px;
    position: static;
    align-self: stretch;
    background: transparent !important;
    border: none !important;
    margin-bottom: 40px;
}
.tk-archive-v2 .tk_archive_container_main {
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
}

.tk-archive-v2 .category_faq > p {
    display: none;
}
.tk-archive-v2 .category_faq > .wp-block-group {
    display: none;
}

/* ---------- result bar (replaces grid/list toggle) ---------- */
.tk-archive-v2 .archive_display_option { display: none !important; }
.tk-archive-v2 .archive_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #fff;
    border: 1px solid var(--tk-line);
    border-radius: var(--tk-radius);
    padding: 10px 16px;
    margin-bottom: 16px;
}
.tk-archive-v2 .archive_header .woocommerce-notices-wrapper { display: none; }
.tk-archive-v2 .archive_header .update_price_cat { display: none !important; }
.tk-archive-v2 .archive_header .tk_result_count {
    font-size: 14px; font-weight: 700; color: var(--tk-ink); margin: 0;
}
.tk-archive-v2 .archive_header .tk_result_count .tk_v2_in_cat { color: var(--tk-ink2); font-weight: 500; }
.tk-archive-v2 .archive_header .woocommerce-result-count { display: none !important; }
.tk-archive-v2 .archive_header .mobile_row { display: flex; align-items: center; gap: 12px; margin: 0; }
.tk-archive-v2 .archive_header .tk_mobile_filter { display: none; } /* desktop: no mobile filter button */
.tk-archive-v2 .archive_header .woocommerce-ordering { margin: 0; display: flex; align-items: center; gap: 8px; }
.tk-archive-v2 .archive_header .woocommerce-ordering label {
    font-size: 13px; color: var(--tk-muted); white-space: nowrap; margin: 0;
}
.tk-archive-v2 .archive_header .mobile_sort_icon { display: none; }
.tk-archive-v2 .archive_header select.orderby {
    border: 1px solid var(--tk-line2); border-radius: 100px;
    padding: 6px 28px 6px 12px; font-size: 13px; color: var(--tk-ink2); background-color: #fff;
}

/* ================= BREADCRUMB ================= */
.tk-archive-v2 .tk_archive_breadcrumb_container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  display: flex !important;
  margin: 0 !important;
  height: 71px;
  align-items: center;
}
.tk-archive-v2 .tk_archive_breadcrumb {
  width: 100%;
  font-weight: 400 !important;
  font-size: 11px !important;
}
.tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;    
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 2px;
  color: #7E928F;
  font-family: 'Estedad-FD';
  font-weight: 400;
  font-size: 11px;
  line-height: 1.4;               /* 140% → 15px */
  letter-spacing: 0.11px;
  scrollbar-width: none;          /* Firefox: hide scrollbar */
  padding: 0;
}
.tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb::-webkit-scrollbar { display: none; }

/* links (default = dark #394040) */
.tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb a {
  flex: 0 0 auto;
  color: var(--tk-ink2) !important;   /* #394040 */
  font-family: 'Estedad-FD' !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  line-height: 1.4;
  text-decoration: none !important;
}
/* first link = "خانه" = muted gray per Figma */
.tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb a:first-of-type {
  color: var(--tk-ink2) !important;  /* #7E928F */
}

.site-main {
    margin: 0 auto 0;
}

.tk_archive_first_section{
    box-sizing: border-box;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 32px;
}

/* separators → 14×14 chevrons, kill inline margins, gap handles spacing */
.tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb img {
  flex: 0 0 auto;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  vertical-align: middle;
}
/* Figma has no leading home icon — breadcrumb starts at the "خانه" text */
.tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb img[alt="home"] {
  display: none !important;
}

/* ================= PRODUCT CARD ================= */
.tk-archive-v2 ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin: 0 !important;
}
.tk-archive-v2 ul.products::before,
.tk-archive-v2 ul.products::after { display: none !important; content: none !important; }
/* استثنا: اورلیِ لودینگِ گرید هم از همین دو سودوالمان ساخته می‌شود
   (تعریفش در همین فایل، .products.columns-3.loading-display-change::before/::after).
   بدون این بلوک، تغییر مرتب‌سازی هیچ نشانه‌ی بارگذاری‌ای نشان نمی‌دهد. */
.tk-archive-v2 ul.products.loading-display-change::before,
.tk-archive-v2 ul.products.loading-display-change::after { display: block !important; content: '' !important; }

/* =========================================================================
   V2 PRODUCT CARD — faithful to Figma "Mobile Product card" (13331:12588)
   Scoped under .tk-archive-v2. Overrides base product-cat.css card rules.
   ========================================================================= */

/* ---- card shell ---- */
.tk-archive-v2 li.archive_product_box {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  background: #fff;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0px 4px 6px 0px #0607070D;
  overflow: hidden;
  position: relative;
  min-height: 0;
  min-width: 0;
}
.tk-archive-v2 li.archive_product_box::before,
.tk-archive-v2 li.archive_product_box::after { content: none !important; display: none !important; }
.tk-archive-v2 .product-id { display: none !important; }
.tk-archive-v2 .archive_product_box a.woocommerce-loop-product__link { text-decoration: none !important; }

/* ---- thumbnail (top, centered) ---- */
.tk-archive-v2 li.archive_product_box > a.woocommerce-loop-product__link {
  order: 0;
  display: flex; align-items: center; justify-content: center;
  padding: 24px 16px 0; margin: 0; text-align: center;
}
.tk-archive-v2 li.archive_product_box > a.woocommerce-loop-product__link img {
  width: 112px !important; height: 112px !important;
  object-fit: contain !important; margin: 0 !important; display: block;
  max-width: none;
}

/* ---- data block ---- */
.tk-archive-v2 .archive_product_box_data {
  order: 1;
  display: flex; flex-direction: column; align-items: stretch;
  width: 100%; min-width: 0; padding: 0 16px 16px; gap: 0;
  box-sizing: border-box;
}
.tk-archive-v2 .fast_shipping_mobile { display: none !important; }

/* ---- badges row (JS wraps desktop badges into .tk_v2_badges at top of data block) ---- */
.tk-archive-v2 .tk_v2_badges {
  order: 1; display: flex; gap: 8px; justify-content: flex-start; flex-wrap: wrap;
  margin-top: 16px;
}

nav.woocommerce-pagination> .page-numbers {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
}
nav.woocommerce-pagination {
    text-align: center;
    margin: 24px 0 40px 0;
}
.tk-archive-v2:not(.tk-brand-v2) nav.woocommerce-pagination {
    margin-bottom: 0;
}
.tk-archive-v2:not(.tk-brand-v2) .tk_archive_section_back {
    padding-bottom: 40px;
}
.tk-archive-v2 .tk_v2_badges:empty { display: none; }
.tk-archive-v2 .fast_shipping_desktop,
.tk-archive-v2 .in_person_delivery_desktop { display: inline-flex; position: static !important; }
.tk-archive-v2 .archive_fast_shipping_row,
.tk-archive-v2 .archive_in_person_delivery {
  position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  width: auto !important; height: 28px !important; min-width: 80px; box-sizing: border-box;
  margin: 0 !important;
  display: inline-flex !important; align-items: center; justify-content: flex-end; gap: 4px;
  border: 1px solid #F5F6F6 !important; border-radius: 999px;
  padding: 0 8px 1px 6px !important;
  font-family: 'Estedad-FD'; font-weight: 400; font-size: 11px; color: #394040;
  letter-spacing: 0.11px; white-space: nowrap; background: #fff !important;
}
.tk-archive-v2 .archive_fast_shipping_row span,
.tk-archive-v2 .archive_in_person_delivery span { margin: 0; }
.tk-archive-v2 .archive_fast_shipping_row img,
.tk-archive-v2 .archive_in_person_delivery img { margin: 0 !important; }
.tk-archive-v2 .archive_fast_shipping_row img:first-of-type,
.tk-archive-v2 .archive_in_person_delivery img:first-of-type { width: 16px !important; height: 16px !important; }
.tk-archive-v2 .archive_fast_shipping_row img:last-child,
.tk-archive-v2 .archive_in_person_delivery img:last-child { display: none; }

/* ---- title + specs (inner link) ---- */
.tk-archive-v2 .archive_product_box_data > a.woocommerce-loop-product__link {
  order: 2; display: flex; flex-direction: column; align-items: flex-end; gap: 8px;
  margin-top: 12px; padding: 0; text-align: right; width: 100%; min-width: 0; max-width: 100%;
}
.tk-archive-v2 .woocommerce-loop-product__title {
  margin: 0 !important; width: 100%;
  font-family: 'Estedad-Num', 'Estedad-FD'; font-weight: 400; font-size: 13px; line-height: 1.9;
  color: #060707; letter-spacing: 0.195px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  height: auto !important; min-height: 0 !important; display: block;
  min-width: 0; max-width: 100%;
}
.tk-archive-v2 .archive_meta_sheet { width: 100%; min-width: 0; max-width: 100%; margin: 0; }
.tk-archive-v2 .archive_meta_data { display: none; }
.tk-archive-v2 .archive_top_attribute { display: block !important; width: 100%; min-width: 0; max-width: 100%; margin: 0; padding: 0; overflow: hidden; }
.tk-archive-v2 .archive_three_top_attribute {
  display: flex; flex-wrap: nowrap; overflow: hidden; white-space: nowrap; min-width: 0; max-width: 100%;
  font-family: 'Estedad-Num', 'Estedad-FD'; font-size: 12px; line-height: 1.9; color: #394040; letter-spacing: 0.18px;
}
.tk-archive-v2 .archive_attribute_display { margin: 0 !important; padding: 0; display: inline-flex; flex: 0 0 auto; }
.tk-archive-v2 .archive_attribute_display_title { display: none; }
.tk-archive-v2 .archive_attribute_display_desc { color: #394040; }
.tk-archive-v2 .archive_attribute_display:not(:last-child)::after {
  content: "•"; margin: 0 6px; color: #CCD5D3;
}

/* ---- price-status badge ---- */
.tk-archive-v2 .tk_update_price {
  order: 3; align-self: flex-end; margin: 20px 0 0 !important;
  height: 24px !important; box-sizing: border-box;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 0 8px; border-radius: 999px;
  background: rgba(4, 114, 77, 0.06); color: #04724D !important;
  font-family: 'Estedad-FD'; font-weight: 500; font-size: 11px !important; letter-spacing: 0.11px;
  white-space: nowrap;
}
.tk-archive-v2 .tk_update_price:empty { display: none !important; }
.tk-archive-v2 .tk_update_price.tk_v2_stale { background: #FDECEC; color: #ED1C24 !important; }

/* ---- price row ---- */
.tk-archive-v2 .tk_single_price_section {
  order: 4; margin: 16px 0 0 !important; height: auto !important; width: 100%;
  display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; gap: 8px;
}
.tk-archive-v2 .tk_single_price_section:empty { display: none; }
.tk-archive-v2 .tk_single_price_section .tk_price {
  margin: 0; flex: 1 1 auto; min-width: 0;
  display: flex; flex-direction: column-reverse; align-items: flex-end; gap: 4px;
}
.tk-archive-v2 .tk_price .woocommerce-Price-amount,
.tk-archive-v2 .tk_price ins { text-decoration: none; }
.tk-archive-v2 .tk_price ins .woocommerce-Price-amount,
.tk-archive-v2 .tk_price > .woocommerce-Price-amount {
  font-family: 'Estedad-FD'; font-weight: 500; font-size: 16px; color: #060707;
}
.tk-archive-v2 .tk_price ins .woocommerce-Price-currencySymbol,
.tk-archive-v2 .tk_price > .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
  font-size: 10px; color: #394040; font-weight: 400; margin-right: 2px;
}
.tk-archive-v2 .tk_price del {
  text-decoration: line-through; font-family: 'Estedad-FD'; font-weight: 400;
  font-size: 11px; color: #7E928F; opacity: 1;
}
.tk-archive-v2 .tk_price del .woocommerce-Price-currencySymbol { display: none; }
.tk-archive-v2 .tk_single_price_section .discount-percentage {
  align-self: flex-start; white-space: nowrap;
  background: #ED1C24; color: #fff; font-family: 'Estedad-FD'; font-weight: 500; font-size: 12px;
  height: 18px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  padding: 1px 6px 0; border-radius: 999px;
}

/* ---- add-to-cart button ---- */
.tk-archive-v2 .archive_product_box .cart,
.tk-archive-v2 .archive_product_box .cart.tk_addtocart_form {
  order: 5; margin: 12px 0 0 !important; width: 100%;
  position: static !important; bottom: auto !important; right: auto !important; padding: 0;
}
/* NOTE: no !important on `display` — the inline style (set by PHP $btnstyle and by the
   AJAX toggle in functions.php) must be able to hide the button once the item is in cart. */
.tk-archive-v2 .archive_product_box .cart .button,
.tk-archive-v2 .archive_product_box a.add_to_cart_button,
.tk-archive-v2 .archive_product_box .cart a[name="add-to-cart"] {
  width: 100% !important; height: 40px !important; box-sizing: border-box; margin: 0 !important;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: #FFD500 !important; color: #060707 !important;
  border: 0 !important; border-radius: 999px !important;
  font-family: 'Estedad-FD' !important; font-weight: 500 !important; font-size: 14px !important;
  padding: 0 24px !important; box-shadow: none !important;
}
.tk-archive-v2 .archive_product_box .cart .button:hover,
.tk-archive-v2 .archive_product_box a.add_to_cart_button:hover { background: #FFBD1B !important; }

/* in-cart state: keep the ORIGINAL stepper styling from base product-cat.css,
   only override the width so it fills the card (the base input is calc(100% - 60px),
   so a 100%-wide .quantity naturally makes the input full-width). */
.tk-archive-v2 .archive_product_box .incartquantity {
  width: 100%; margin: 0 !important; position: static !important;
  display: flex; flex-direction: column; align-items: stretch; gap: 4px;
}
.tk-archive-v2 .archive_product_box .incartquantity .quantity {
  width: 100% !important; margin: 0 !important; float: none;
}
.tk-archive-v2 .archive_product_box .incartquantity .incart {
  position: static !important; top: auto !important; width: 100% !important; height: auto !important;
  display: none!important;
}

/* inquiry-price button (out of stock / call for price) */
.tk-archive-v2 .archive_product_box_data > .inquiry_price,
.tk-archive-v2 .archive_product_box_data .button.inquiry_price {
  order: 5; margin: 12px 0 0 !important; width: 100%; height: 40px; box-sizing: border-box;
  display: flex !important; align-items: center; justify-content: center; gap: 8px;
  background: #FF9900 !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
  font-family: 'Estedad-FD' !important; font-weight: 500 !important; font-size: 14px !important; text-align: center;
}

/* ---- "show specs" toggle (JS) ---- */
.tk-archive-v2 .tk_v2_specs_toggle {
  order: 6; margin: 12px 0 0; width: 100%; height: 40px; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; gap: 4px;
  background: none; border: 0; border-radius: 4px; cursor: pointer; padding: 0; font-family: 'Estedad-FD';
  font-weight: 400; font-size: 12px; color: #060707;
}
.tk-archive-v2 .tk_v2_specs_toggle img { width: 20px; height: 20px; transition: transform .2s; }
.tk-archive-v2 .tk_v2_specs_toggle.open img { transform: rotate(180deg); }
.tk-archive-v2 .tk_v2_specs_panel { order: 7; display: none; padding: 4px 0 0; font-size: 12px; color: #394040; }
.tk-archive-v2 .tk_v2_specs_panel.open { display: block; }


/* ---------- empty state ---------- */
.tk-archive-v2 .tk_v2_empty {
    grid-column: 1 / -1;
    width: 100%; min-height: 120px; margin: 0; padding: 0;
    list-style: none; background: transparent; border: 0; border-radius: 0;
    box-sizing: border-box;
}
.tk-archive-v2 .tk_v2_empty_inner {
    display: flex; flex-direction: row; justify-content: flex-end; align-items: center;
    gap: 16px; width: 100%; height: 120px; direction: ltr;
}
.tk-archive-v2 .tk_v2_empty_content {
    display: flex; flex-direction: column; align-items: flex-start;
    gap: 16px; width: 364px; height: 119px; direction: rtl;
}
.tk-archive-v2 .tk_v2_empty_copy {
    display: flex; flex-direction: column; align-items: flex-start;
    gap: 12px; width: 364px; height: 63px; padding: 0 0 4px;
    box-sizing: border-box;
}
.tk-archive-v2 .tk_v2_empty_icon {
    order: 1; flex: 0 0 auto; display: block;
    width: 120px; height: 120px; margin: 0;
}
.tk-archive-v2 .tk_v2_empty_title {
    display: block; width: 245px; margin: 0;
    font-family: 'Estedad-FD' !important; font-size: 18px; font-weight: 700;
    line-height: 140%; text-align: right; color: #060707;
}
.tk-archive-v2 .tk_v2_empty_sub {
    display: block; width: 364px; margin: 0;
    font-family: 'Estedad-FD' !important; font-size: 16px; font-weight: 400;
    line-height: 140%; text-align: right; color: #060707;
}
.tk-archive-v2 .tk_v2_empty_btn {
    flex: 0 0 auto; display: inline-flex; flex-direction: row;
    justify-content: center; align-items: center; gap: 8px;
    width: 141px; height: 40px; margin: 0; padding: 8px 20px 8px 12px;
    box-sizing: border-box; background: #FF9900; color: #060707;
    border: 0; border-radius: 2px; cursor: pointer;
    font-family: 'Estedad-FD' !important; font-size: 14px; font-weight: 500;
    line-height: 140%; text-align: center; white-space: nowrap;
}
.tk-archive-v2 .tk_v2_empty_btn img {
    flex: 0 0 auto; display: block; width: 20px; height: 20px; margin: 0;
    filter: none;
}
.tk-archive-v2 .tk_v2_cta_banner[hidden] {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .tk-archive-v2 .tk_v2_empty {
        width: calc(100% + 40px); min-height: 301px;
        margin: 0 -20px; padding: 32px 40px 64px;
        background: unset;
    }
    .tk-archive-v2 .tk_v2_empty_inner {
        flex-direction: column; justify-content: flex-start; align-items: center;
        gap: 16px; width: 100%; height: 205px; direction: rtl;
    }
    .tk-archive-v2 .tk_v2_empty_icon {
        order: 0; width: 80px; height: 80px;
    }
    .tk-archive-v2 .tk_v2_empty_content {
        order: 1; align-items: center; gap: 16px;
        width: 100%; height: 109px;
    }
    .tk-archive-v2 .tk_v2_empty_copy {
        align-items: center; gap: 12px; width: 100%; height: 53px;
        padding: 0 0 4px;
    }
    .tk-archive-v2 .tk_v2_empty_title {
        width: 190px; font-size: 14px; line-height: 140%; text-align: center;
    }
    .tk-archive-v2 .tk_v2_empty_sub {
        width: 273px; max-width: 100%; font-size: 12px; line-height: 140%; text-align: center;
    }
}

/* ---------- black CTA banner ---------- */
.tk-archive-v2 .tk_v2_cta_banner {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    background: var(--tk-ink); border-top: 4px solid var(--tk-orange); border-radius: 8px;
    box-shadow: inset 0 40px 40px rgba(255, 189, 27, 0.1);
    padding: 20px 28px; margin: 0 0 32px;
}
.tk-archive-v2 .tk_v2_cta_banner_text { display: flex; flex-direction: column; gap: 8px; }
.tk-archive-v2 .tk_v2_cta_banner_title { font-size: 20px; font-weight: 700; color: #fff; }
.tk-archive-v2 .tk_v2_cta_banner_sub { font-size: 14px; color: var(--tk-line); }
.tk-archive-v2 .tk_v2_cta_banner_btn {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px;
    background: var(--tk-orange); color: var(--tk-ink); border: none; cursor: pointer;
    font-size: 14px; font-weight: 600; padding: 10px 24px; border-radius: 100px;
}
.tk-archive-v2 .tk_v2_cta_banner_btn img { width: 16px; }

/* ================= SIDEBAR FILTERS (WOOF restyle) ================= */
.tk-archive-v2 .tk_shop_aside { width: 100%; }
.tk-archive-v2 .tk_shop_filter > ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.tk-archive-v2 .tk_shop_filter > ul > li { margin: 0; }

@media only screen and (min-width: 768px) {
    .tk-archive-v2 .tk_shop_aside,
    .tk-archive-v2 .tk_shop_filter,
    .tk-archive-v2 .tk_shop_filter > ul {
        height: 100%;
    }

    .tk-archive-v2 #woof_widget-3 {
        position: sticky;
        top: 127px;
        z-index: 2;
        align-self: flex-start;
        width: 100%;
    }
}

.tk-archive-v2 #woof_widget-3 .sideboxtitle {
    display: flex; align-items: center; gap: 8px;
    font-size: 16px; font-weight: 800; color: var(--tk-ink);
    padding: 12px 0; border-bottom: 1px solid var(--tk-line);
}

.widget.widget_expert_widget .expert-contact{
    justify-content: flex-end!important;
}


.tk-archive-v2 #woof_widget-3 .sideboxtitle::before {
    content: ""; width: 20px; height: 20px;
    background: url("https://teslakala.com/wp-content/themes/teslakala/icon/list.svg") center/contain no-repeat;
}
/* each filter group -> accordion */
.tk-archive-v2 .woof_container {
    border-bottom: 1px solid var(--tk-line); padding: 0; margin: 0;
}
.tk-archive-v2 .woof_container_inner { padding: 0; }
.tk-archive-v2 .woof_container h4 {
    display: flex; align-items: center; justify-content: space-between;
    margin: 0 !important; padding: 14px 0 !important; cursor: pointer;
    font-size: 14px !important; font-weight: 600 !important; color: var(--tk-ink) !important;
}
.tk-archive-v2 .woof_container h4::after {
    content: ""; width: 16px; height: 16px; transition: transform .2s;
    background: url("https://teslakala.com/wp-content/themes/teslakala/icon/down_arrow.svg") center/contain no-repeat;
    transform: rotate(90deg);
}
.tk-archive-v2 .woof_container.tk_v2_open h4::after { transform: rotate(-90deg); }
/* بدون max-height/overflow: «مشاهده بیشتر» باید لیست را کامل باز کند، نه اینکه
   داخل یک باکسِ ۲۴۰px اسکرول بخورد. جمع‌وجور نگه‌داشتنِ لیستِ بسته کار
   checkheight() است (height:96px روی خودِ <ul>). */
.tk-archive-v2 .woof_block_html_items { display: none; padding-bottom: 12px; }
/* tk_v2_open فقط «کدام گروه هنگام باز شدن درawer باز باشد» را علامت می‌زند.
   بدون قیدِ .active، بعد از ریدرآِ ajax (که inline display را پاک می‌کند) لیست‌ها
   در سایدبارِ بسته لخت ظاهر می‌شدند. */
.tk-archive-v2 .widget.widget-woof.active .woof_container.tk_v2_open .woof_block_html_items { display: block; }
.tk-archive-v2 .woof_list { list-style: none; margin: 0; padding: 0; }
.tk-archive-v2 .woof_list li { margin: 0 0 8px; }
.tk-archive-v2 .woof_checkbox_label { font-size: 13px; color: var(--tk-ink2); display: inline-flex; gap: 6px; align-items: center; }
.tk-archive-v2 .woof_checkbox_count { color: var(--tk-muted); font-size: 12px; }
.tk-archive-v2 .woof_submit_search_form_container { margin: 12px 0 0; }
.tk-archive-v2 button.woof_submit_search_form {
    width: 100%; background: var(--tk-yellow) !important; color: var(--tk-ink) !important;
    border-radius: 100px !important; height: 40px; font-weight: 700; border: none;
}
.tk-archive-v2 button.woof_reset_search_form {
    background: transparent !important; color: var(--tk-red) !important; border: none !important;
    font-size: 13px; font-weight: 600;
}

/* ---------- related categories / faq / about ---------- */
.tk-archive-v2 .related_category { margin: 24px 0; }
.tk-archive-v2 .related_category h2,
.tk-archive-v2 .category_faq h2,
.tk-archive-v2 .tk_archive_description_title {
    font-size: 18px !important; font-weight: 800; color: var(--tk-ink); margin: 0 0 12px !important;
}
.tk-archive-v2 .related_category_list {
    display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0;
}
.tk-archive-v2 .related_category_list li {
    background: #fff; border: 1px solid var(--tk-line); border-radius: 100px; padding: 8px 14px;
}
.tk-archive-v2 .related_category_list li a { font-size: 13px; color: var(--tk-blue); }
.tk-archive-v2 .category_faq { background:#fff; border:1px solid var(--tk-line); border-radius: var(--tk-radius); padding: 16px 20px; margin: 32px 0; }
.tk-archive-v2 .tk_category_description_wrapper {
    background: #fff; border: 1px solid var(--tk-line); border-radius: var(--tk-radius); padding: 16px 20px;
}

/* ================= MOBILE ================= */
@media only screen and (max-width: 767px) {
    .tk-archive-v2 .woocommerce_archive_header { flex-direction: column; align-items: stretch; gap: 12px; }
    .tk-archive-v2 .woocommerce_archive_header__title { font-size: 18px !important; }
    .tk-archive-v2 .tk_v2_consult_slot { display: none; } /* moved below grid on mobile via JS */
    .tk-archive-v2 .tk_v2_consult_mobile {
        background: #fff; border: 1px solid var(--tk-line); border-radius: 8px; padding: 16px; margin: 16px 0;
    }
    .tk-archive-v2 .tk_v2_consult_mobile_title { font-size: 16px; font-weight: 700; margin: 0 0 12px; color: var(--tk-ink); }
    .tk-archive-v2 .tk_v2_consult_mobile .widget_expert_widget { margin: 0 auto; }
    .tk-archive-v2 .tk_archive_section_container { flex-direction: column; }
    .tk-archive-v2 .tk_archive_container_side { position: static; width: 100%; flex-basis: auto; order: 1; }
    .tk-archive-v2 .tk_archive_container_main { order: 2; }
    .tk-archive-v2 ul.products { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .tk-archive-v2 .tk_v2_cta_banner { flex-direction: column; align-items: stretch; text-align: center; }
    /* mobile result bar: show filter button, keep it tidy */
    .tk-archive-v2 .archive_header { flex-wrap: wrap; }
    .tk-archive-v2 .archive_header .tk_result_count { flex-basis: 100%; }
    .tk-archive-v2 .archive_header .tk_mobile_filter {
        display: inline-flex; align-items: center; gap: 6px;
        background: #fff; border: 1px solid var(--tk-line2); border-radius: 100px;
        padding: 8px 16px; font-size: 13px; font-weight: 600; color: var(--tk-ink2);
    }
}

/* teslakala-archive-header-v2 */
/* =========================================================================
   ARCHIVE HEADER REDESIGN — Figma "Frame 590"
   فایل مستقل؛ بعد از product-cat-v2.css لود می‌شود و .archive_header را override می‌کند.
   (فایل‌های دسته‌بندیِ کاربر دست‌نخورده می‌مانند.)
   فقط دسکتاپ (≥768px)؛ موبایل چیدمان فعلی خود را نگه می‌دارد.
   ========================================================================= */
@media (min-width: 768px) {
.tk-archive-v2 .archive_header {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
.tk-archive-v2 .archive_header .woocommerce-notices-wrapper,
.tk-archive-v2 .archive_header .update_price_cat,
.tk-archive-v2 .archive_header .woocommerce-result-count { display: none !important; }

/* ---- ردیف ۱: تعداد نتایج + خط جداکننده زیرش ---- */
.tk-archive-v2 .archive_header .tk_result_count {
  order: 0;
  flex: 1 1 100%;
  margin: 0 !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid #CCD5D3;
  font-family: 'Estedad-FD';
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #060707;
  text-align: right;
}
.tk-archive-v2 .archive_header .tk_result_count .tk_v2_in_cat { color: #060707; font-weight: 500; }

/* ---- ردیف ۲: حذف فیلترها (راست) + مرتب‌سازی (چپ) ---- */
.tk-archive-v2 .archive_header .tk_clear_filters {
  order: 1;
  display: inline-flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 4px;
  height: 40px; min-width: 96px; box-sizing: border-box; padding: 8px 12px; margin: 0;
  background: none; border: 0; border-radius: 999px; cursor: pointer;
  font-family: 'Estedad-FD'; font-weight: 500; font-size: 14px; line-height: 1.4; color: #ED1C24;
  text-decoration: none; white-space: nowrap;
}
.tk-archive-v2 .archive_header .tk_clear_filters svg { width: 18px; height: 18px; flex: 0 0 auto; }

.tk-archive-v2 .archive_header .mobile_row {
  order: 2;
  display: flex !important; flex-direction: row; align-items: center; gap: 8px; margin: 0 !important;
  width: auto !important;
}
.tk-archive-v2 .archive_header .tk_mobile_filter { display: none !important; }

.tk-archive-v2 .archive_header .woocommerce-ordering {
  display: flex !important; flex-direction: row; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; width:auto!important;
}
.tk-archive-v2 .archive_header .woocommerce-ordering label {
  order: 0; margin: 0 !important; white-space: nowrap; display: inline-flex; align-items: center;
  font-family: 'Estedad-FD'; font-weight: 400; font-size: 14px; line-height: 1.4; color: #394040;
}
.tk-archive-v2 .archive_header .woocommerce-ordering .mobile_sort_icon {
  order: -1; display: inline-block !important; width: 16px; height: 16px; margin: 0 !important;
}
.tk-archive-v2 .archive_header select.orderby,
.tk-archive-v2 .archive_header select.tk_orderby {
  order: 2;
  box-sizing: border-box; width: 160px; height: 40px; margin: 0 !important;
  background-color: #fff; border: 1px solid #7E928F !important; border-radius: 0;
  padding: 0 12px !important;
  font-family: 'Estedad-FD'; font-weight: 400; font-size: 14px; line-height: 1; color: #060707;
  text-align: right; direction: rtl;
  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23060707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: left 12px center; background-size: 18px 18px;
}

}


/* =========================================================================
   نوارِ مرتب‌سازی نباید روی بقیه‌ی صفحه بیفتد
   ------------------------------------------------------------------------
   style.css:1875 به‌صورت سراسری می‌دهد:
       .woocommerce-ordering { position: relative; z-index: 3; }
   و .tk_archive_container_side چون position:sticky است خودش یک stacking
   context با z-index صفر می‌سازد. نتیجه: کلِ سایدبار — و هرچه داخلش است،
   حتی تولتیپ‌هایی با z-index نجومی — زیرِ فرمِ مرتب‌سازی رندر می‌شود.
   در آرشیو v2 این z-index هیچ کاربردی ندارد، پس خنثی می‌شود.
   بیرون از مدیا-کوئریِ بالا نوشته شده تا در موبایل (پیل‌بار) هم اعمال شود.
   ========================================================================= */
.tk-archive-v2 .archive_header .woocommerce-ordering {
  position: static;
  z-index: auto;
}

/* آیکنِ مرتب‌سازی در بریک‌پوینتِ ≤1024 عرضِ product-cat-v2.css روی
   position:absolute بود و به همان relativeِ بالا تکیه داشت؛ حالا باید در جریان
   عادی بنشیند (همان چیزی که در ≥1025 هم دیده می‌شود). */
.tk-archive-v2 .archive_header .mobile_sort_icon {
  position: static;
  padding: 0;
  background: none;
}

/* teslakala-card-badges-v2 */
/* =========================================================================
   بج‌های «ارسال فوری» و «خرید حضوری» — Figma Frame 613
   فایل مستقل؛ بعد از product-cat-v2.css لود می‌شود و override می‌کند.
   markup تم:  <img main> <span>متن</span> <img chevron>
   طرح جدید (RTL راست→چپ): chevron | متن | آیکن اصلی
   img های تم مخفی و آیکن‌های جدید با pseudo-element رندر می‌شوند.
   ========================================================================= */
.tk-archive-v2 .archive_fast_shipping_row,
.tk-archive-v2 .archive_in_person_delivery {
  box-sizing: border-box !important;
  display: inline-flex !important; flex-direction: row-reverse; align-items: center; justify-content: flex-end;
  gap: 2px !important; height: 28px !important; min-width: 80px;
  width: auto !important; max-width: none !important;
  padding: 0 8px 1px 4px !important; margin: 0 !important;
  border: 1px solid #F5F6F6 !important; border-radius: 999px !important; background: #fff !important;
  position: static !important; top: auto !important; right: auto !important; left: auto !important;
  font-family: 'Estedad-FD' !important; font-weight: 400 !important; font-size: 11px !important;
  line-height: 1.4 !important; letter-spacing: 0.01em; color: #394040 !important; white-space: nowrap;
}
/* img های تم (آیکن اصلی + chevron قدیمی) مخفی */
.tk-archive-v2 .archive_fast_shipping_row img,
.tk-archive-v2 .archive_in_person_delivery img { display: none !important; }
/* متن (وسط) */
.tk-archive-v2 .archive_fast_shipping_row > span,
.tk-archive-v2 .archive_in_person_delivery > span {
  order: 1; margin: 0 !important; padding: 0 !important; color: #394040 !important;
  font-family: 'Estedad-FD' !important; font-weight: 400 !important; font-size: 11px !important; line-height: 1.4 !important;
}
/* chevron (راست) — Component 3 */
.tk-archive-v2 .archive_fast_shipping_row::before,
.tk-archive-v2 .archive_in_person_delivery::before {
  content: ""; order: 0; flex: 0 0 auto; width: 12px; height: 12px; display: block;
  background: url("https://teslakala.com/wp-content/themes/teslakala/icon/tk-badge-chevron.svg") center/contain no-repeat;
}
/* آیکن اصلی (چپ) — order 2 */
.tk-archive-v2 .archive_in_person_delivery::after {
  content: ""; order: 2; flex: 0 0 auto; width: 16px; height: 16px; display: block;
  background: url("https://teslakala.com/wp-content/themes/teslakala/icon/tk-badge-store.svg") center/contain no-repeat;
}
.tk-archive-v2 .archive_fast_shipping_row::after {
  content: ""; order: 2; flex: 0 0 auto; width: 20px; height: 20px; display: block;
  background: url("https://teslakala.com/wp-content/themes/teslakala/icon/tk-badge-fast.svg") center/contain no-repeat;
}

/* teslakala-cta-banner-v2 */
/* =========================================================================
   بنر CTA «درخواست محصول» — Figma Frame 1204
   فایل مستقل؛ بعد از product-cat-v2.css لود می‌شود و override می‌کند.
   ساختار: <banner> <title/> <group> <sub/> <button/> </group> </banner>
   ========================================================================= */
.tk-archive-v2 .tk_v2_cta_banner {
  box-sizing: border-box !important;
  display: flex !important; flex-direction: row !important;
  justify-content: center !important; align-items: flex-start !important;
  gap: 32px !important;
  width: 100% !important; margin: 0 !important;
  padding: 20px 16px 24px !important;
  background: #060707 !important;
  border: 0 !important; border-top: 4px solid #FF9900 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 40px 40px rgba(255, 189, 27, 0.1) !important;
}
.tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_title {
  order: 0; flex: 0 0 auto; margin: 0 !important; padding: 0 !important;
  font-family: 'Estedad-FD' !important; font-weight: 700 !important; font-size: 20px !important;
  line-height: 1.5 !important; color: #FFFFFF !important; text-align: right;
}
.tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_group {
  order: 1; flex: 0 0 auto;
  display: flex !important; flex-direction: column; align-items: flex-start; gap: 12px;
  padding: 4px 0 0; margin: 0;
}
.tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_sub {
  margin: 0 !important; padding: 0 !important;
  font-family: 'Estedad-FD' !important; font-weight: 400 !important; font-size: 14px !important;
  line-height: 1.4 !important; color: #E4E9E9 !important; text-align: right;
}
.tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_btn {
  display: inline-flex !important; flex-direction: row; justify-content: center; align-items: center; gap: 8px;
  min-width: 120px; height: 40px; box-sizing: border-box;
  padding: 8px 24px 8px 16px !important; margin: 0 !important;
  background: #FF9900 !important; border: 0 !important; border-radius: 999px !important; cursor: pointer;
  font-family: 'Estedad-FD' !important; font-weight: 500 !important; font-size: 14px !important;
  line-height: 1.4 !important; color: #060707 !important; text-align: center; white-space: nowrap;
}
/* آیکن تم را مخفی و chevron تیره (Figma keyboard_arrow) با pseudo — سمت چپ */
.tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_btn img { display: none !important; }
.tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_btn::after {
  content: ""; flex: 0 0 auto; width: 20px; height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23060707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* موبایل: Frame 1226 / Frame 1204 */
@media (max-width: 767px) {
  .tk-archive-v2 .tk_v2_cta_banner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    width: calc(100% - 48px) !important;
    height: 175px;
    margin: 0 24px !important;
    padding: 32px 16px !important;
  }
  .tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_title {
    width: auto; font-size: 16px !important; line-height: 1.4 !important; text-align: right;
  }
  .tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_group {
    width: 100%; padding: 0; align-items: center; gap: 24px;
  }
  .tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_sub {
    width: 100%; font-size: 12px !important; line-height: 1.4 !important; text-align: center;
  }
  .tk-archive-v2 .tk_v2_cta_banner .tk_v2_cta_banner_btn {
    width: 141px; min-width: 141px; height: 40px;
    padding: 8px 20px 8px 12px !important; border-radius: 2px !important;
  }
}

/* teslakala-related-category-v2 */
/* =========================================================================
   دسته‌بندی‌های مرتبط — Figma "Frame 536"
   یک باکس بوردردار با لینک‌های متنی آبی wrap‌شده (بدون pill/chevron).
   بعد از product-cat-v2.css لود می‌شود و override می‌کند.
   ========================================================================= */
.tk-archive-v2 .related_category {
  display: flex !important; flex-direction: column; align-items: stretch;
  gap: 16px !important; margin: 32px 0 !important; padding: 0;
  background: #fff; border-radius: 8px;
}
.tk-archive-v2 .related_category h2 {
  font-family: 'Estedad-FD' !important; font-size: 18px !important; font-weight: 500 !important;
  line-height: 1.4 !important; color: #060707 !important; text-align: right; margin: 0 !important;
}
.tk-archive-v2 .related_category_list {
  display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;
  justify-content: flex-start !important; align-items: flex-start; align-content: flex-start;
  gap: 16px 32px !important; padding: 24px !important; margin: 0 !important; list-style: none !important;
  border: 1px solid #CCD5D3 !important; border-radius: 8px !important; background: #fff !important;
}
.tk-archive-v2 .related_category_list li {
  background: none !important; border: 0 !important; border-radius: 0 !important;
  padding: 4px 0 !important; margin: 0 !important; height: auto !important;
  display: flex !important; flex-direction: row; align-items: center; justify-content: center;
}
.tk-archive-v2 .related_category_list li img { display: none !important; }
.tk-archive-v2 .related_category_list li a {
  color: #2A4ACA !important; font-family: 'Estedad-FD' !important; font-weight: 500 !important;
  font-size: 14px !important; line-height: 1.4 !important; text-decoration: none !important;
  text-align: center; white-space: nowrap;
}
.tk-archive-v2 .related_category_list li a:hover { text-decoration: underline !important; }

@media (max-width: 767px) {
  .tk-archive-v2 .related_category {
    width: auto; margin: 24px 24px 0 !important; padding: 0;
    gap: 16px !important; border-radius: 4px;
  }
  .tk-archive-v2 .related_category h2 {
    font-size: 16px !important; font-weight: 500 !important;
    line-height: 1.4 !important; color: #394040 !important;
  }
  .tk-archive-v2 .related_category_list {
    box-sizing: border-box; width: 100%; min-height: 212px;
    flex-direction: column !important; flex-wrap: nowrap !important;
    justify-content: flex-start !important; align-items: flex-start !important;
    gap: 12px !important; padding: 16px !important;
  }
  .tk-archive-v2 .related_category_list li {
    flex: 0 0 auto; height: 20px !important; padding: 0 !important;
    flex-direction: row; justify-content: flex-end; align-items: center; gap: 4px; direction: rtl;
  }
  .tk-archive-v2 .related_category_list li img {
    display: block !important; order: 0; width: 20px; height: 20px; margin: 0 !important;
  }
  .tk-archive-v2 .related_category_list li a {
    order: 1; font-size: 12px !important; font-weight: 500 !important;
    line-height: 1.4 !important; text-align: right; white-space: nowrap;
  }
}

/* teslakala-faq-v2 */
/* =========================================================================
   سوالات پرتکرار تخصصی — Figma "Frame 608"
   FAQ از قبل با پلاگین RMFA (turn-rank-math-faq-block-to-accordion) آکاردئون است.
   اینجا فقط RESTYLE می‌کنیم؛ آیکن +/− و toggle خودِ RMFA است (آیکن به چپ منتقل می‌شود).
   #rank-math-faq در سلکتورها برای غلبه بر ID+!important پلاگین.
   ========================================================================= */
.tk-archive-v2 .category_faq {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column; align-items: stretch; gap: 16px; margin: 24px 0 !important;
}
.tk-archive-v2 .category_faq h2 {
  font-family: 'Estedad-FD' !important; font-size: 18px !important; font-weight: 500 !important;
  line-height: 1.4 !important; color: #060707 !important; text-align: right; margin: 0 !important;
}
.tk-archive-v2 .category_faq .rank-math-block { margin: 0 !important; padding: 0 !important; }

/* box around the list */
.tk-archive-v2 .category_faq .rank-math-list {
  border: 1px solid #CCD5D3; border-radius: 8px; overflow: hidden; background: #fff;
}
.tk-archive-v2 .category_faq #rank-math-faq .rank-math-list-item {
  border: 0 !important; border-bottom: 1px solid #E4E9E9 !important; margin: 0 !important; background: #fff !important;
}
.tk-archive-v2 .category_faq #rank-math-faq .rank-math-list-item:last-child { border-bottom: 0 !important; }

/* question row = accordion header (RMFA handles the click/toggle) */
.tk-archive-v2 .category_faq #rank-math-faq .rank-math-question {
  padding: 16px 56px 16px 16px !important; margin: 0 !important; min-height: 56px; box-sizing: border-box;
  display: flex !important; align-items: center;
  font-family: 'Estedad-FD' !important; font-size: 14px !important; font-weight: 500 !important;
  line-height: 1.4 !important; color: #394040 !important; text-align: right;
}
/* سوال باز → عنوان بولد (۷۰۰) */
.tk-archive-v2 .category_faq #rank-math-faq .rank-math-question.faq-q-open { border-bottom: 0 !important; font-weight: 700 !important; }

/* آیکن RMFA (+ / −): سمت راست (پیش‌فرض) و فقط بازرنگ/بزرگ می‌شود (content خودِ RMFA است) */
.tk-archive-v2 .category_faq #rank-math-faq .rank-math-question::after {
  left: auto !important; right: 0 !important; width: 56px !important; text-align: center !important;
  color: #060707 !important; font-size: 24px !important; font-weight: 400 !important; height: 24px;  top: 50% !important;
}

/* answer (display را RMFA کنترل می‌کند؛ فقط ظاهر) */
.tk-archive-v2 .category_faq #rank-math-faq .rank-math-answer {
  padding: 0 56px 16px 16px !important; margin: 0 !important; border: 0 !important; background: #fff !important;
  font-family: 'Estedad-FD' !important; font-size: 14px !important; line-height: 1.9 !important;
  color: #394040 !important; text-align: right;
}
.tk-archive-v2 .category_faq #rank-math-faq .rank-math-answer p { margin: 0 0 8px; }

@media (max-width: 767px) {
  .tk-archive-v2 .category_faq {
    width: auto; margin: 32px 24px 0 !important; gap: 16px;
  }
  .tk-archive-v2 .category_faq h2 {
    font-size: 16px !important; font-weight: 500 !important;
    line-height: 1.4 !important; color: #394040 !important;
  }
  .tk-archive-v2 .category_faq .rank-math-list {
    border: 0; border-radius: 0; overflow: visible;
  }
  .tk-archive-v2 .category_faq #rank-math-faq .rank-math-list-item {
    border-bottom-color: #CCD5D3 !important;
  }
  .tk-archive-v2 .category_faq #rank-math-faq .rank-math-question {
    height: 56px; min-height: 56px;
    padding: 16px 40px 16px 0 !important;
    font-size: 12px !important; font-weight: 500 !important;
    line-height: 1.4 !important; color: #394040 !important;
  }
  .tk-archive-v2 .category_faq #rank-math-faq .rank-math-question.faq-q-open {
    font-weight: 700 !important; color: #060707 !important;
  }
  .tk-archive-v2 .category_faq #rank-math-faq .rank-math-question::after {
    right: 0 !important; left: auto !important; width: 24px !important;
  }
  .tk-archive-v2 .category_faq #rank-math-faq .rank-math-answer {
    padding: 8px 40px 24px 0 !important;
    font-size: 14px !important; line-height: 2 !important;
    color: #060707 !important;
  }
}

/* teslakala-description-v2 */
/* =========================================================================
   توضیحات دسته‌بندی — Figma "Frame 609"
   عنوان بیرونِ باکس + باکس بوردردار (متن + دکمه‌ی «بیشتر» پیل‌شکل).
   FIX باگ باکسِ خالی/بلند: کلاس پایه‌ی tk_collapsed از -webkit-line-clamp روی
   محتوایی با فرزندِ block (h2/p/ul) استفاده می‌کرد که در وبکیت خراب رندر می‌شد؛
   اینجا با max-height + overflow:hidden جایگزین می‌شود.
   بعد از product-cat-v2.css لود می‌شود و override می‌کند.
   ========================================================================= */

/* عنوان: خارج از باکس، ۱۸px/۵۰۰ */
.tk-archive-v2 .tk_archive_description_title {
  font-family: 'Estedad-FD' !important; font-size: 18px !important; font-weight: 500 !important;
  line-height: 1.4 !important; color: #060707 !important; text-align: right;
  margin: 32px 0 16px !important;
}

/* باکس (Frame 1166): بوردر + پدینگ ۱۶×۲۴ + ستون + دکمه چسبیده به انتهای محور عرضی */
.tk-archive-v2 .tk_category_description_wrapper {
  display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px;
  border: 1px solid #CCD5D3 !important; border-radius: 8px !important; background: #fff !important;
  padding: 16px 24px !important; position: relative; margin: 0 0 56px 0 !important;
}

/* ریست باکس داخلی: term-description از تم بوردر/سایه/پدینگ دارد → باکس تودرتو */
.tk-archive-v2 .tk_category_description_content .term-description {
  border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  background: transparent !important; padding: 0 !important; margin: 0 !important;
  width: auto !important; max-width: 100% !important;
}

/* متن: ۱۶px/۴۰۰، line-height ۱۹۰٪، خاکستری ۹۰۰ */
.tk-archive-v2 .tk_category_description_content {
  width: 100%; align-self: stretch;
  font-family: 'Estedad-FD' !important; font-size: 16px !important; font-weight: 400 !important;
  line-height: 1.9 !important; color: #394040 !important; text-align: right;
}
.tk-archive-v2 .tk_category_description_content h2,
.tk-archive-v2 .tk_category_description_content h3 {
  font-size: 16px !important; font-weight: 700 !important; line-height: 1.9 !important;
  margin: 0 0 4px !important; color: #394040 !important;
}
.tk-archive-v2 .tk_category_description_content p {line-height: 190%!important; font-size:16px!important; font-weight: 400!important;}
.tk-archive-v2 .tk_category_description_content ul { margin: 0 8px 8px 0 !important; }

/* جمع‌شده: به‌جای -webkit-line-clamp از max-height (۳ خط) */
.tk-archive-v2 .tk_category_description_content.tk_collapsed {
  display: block !important;
  -webkit-line-clamp: none !important;
  -webkit-box-orient: horizontal !important;
  max-height: calc(16px * 1.9 * 2) !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* دکمه «بیشتر» — پیل مطابق Figma (padding 8 8 8 4، gap 4، radius 999) */
.tk-archive-v2 .tk_category_description_toggle {
  display: inline-flex !important; flex-direction: row; align-items: center; justify-content: center;
  gap: 4px; padding: 8px 8px 8px 4px !important; margin: 0 !important;
  border: 0 !important; background: transparent !important; border-radius: 999px !important;
  font-family: 'Estedad-FD' !important; font-size: 14px !important; font-weight: 500 !important;
  line-height: 1.4 !important; color: #060707 !important; cursor: pointer;
}
.tk-archive-v2 .tk_category_description_toggle_text { color: #060707 !important; }
.tk-archive-v2 .tk_category_description_toggle_icon {
  width: 20px !important; height: 20px !important; margin: 0 !important;
  filter: brightness(0) !important; transition: transform .3s ease;
}
.tk-archive-v2 .tk_category_description_toggle.expanded .tk_category_description_toggle_icon {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .tk-archive-v2 .tk_archive_description_title {
    font-size: 16px !important; font-weight: 500 !important;
    line-height: 1.4 !important; color: #394040 !important;
    margin: 32px 24px 16px !important;
  }
  .tk-archive-v2 .tk_category_description_wrapper {
    width: auto; margin: 0 24px 56px !important; padding: 0 !important;
    border: 0 !important; border-radius: 0 !important; gap: 8px;
  }
  .tk-archive-v2 .tk_category_description_content {
    font-size: 12px !important; line-height: 2 !important; color: #394040 !important;
  }
  .tk-archive-v2 .tk_category_description_content h2,
  .tk-archive-v2 .tk_category_description_content h3 {
    font-size: 14px !important; font-weight: 400 !important;
    line-height: 1.4 !important; color: #394040 !important;
  }
  .tk-archive-v2 .tk_category_description_content p {
    font-size: 12px !important; font-weight: 400 !important; line-height: 2 !important;
  }
  .tk-archive-v2 .tk_category_description_content.tk_collapsed {
    max-height: 48px !important;
  }
  .tk-archive-v2 .tk_category_description_toggle {
    gap: 8px; width: 82px; height: 32px;
    padding: 8px 12px 8px 8px !important;
  }
}

/* دسته‌ی بدون توضیحات: همان فاصله‌ی پایینِ حالتِ دارای توضیحات (۵۶px) تا فوتر.
   مارک‌آپش در archive-product-v2.php شاخه‌ی else ی بلوکِ توضیحات است. */
.tk-archive-v2 .tk_archive_description_spacer { height: 56px; }

/* teslakala-archive-mobile-v2 */
/* =========================================================================
   طرح موبایل دسته‌بندی v2 — Figma Frame 1196 (بردکرامب) + Frame 1197 (زیردسته‌ها)
   فقط ≤767px. مارک‌آپ مشترک با دسکتاپ؛ اینجا فقط چیدمان موبایل override می‌شود.
   عنوان دسته با JS (moveTitleMobile در product-cat-v2.js) به زیرِ کارت منتقل می‌شود
   تا بردکرامب + زیردسته‌ها یک کارتِ سفیدِ چسبیده شوند.
   بعد از همه‌ی فایل‌های v2 لود می‌شود.
   ========================================================================= */
@media only screen and (max-width: 767px) {

  /* پس‌زمینه‌ی صفحه خاکستری تا کارت‌های سفید دیده شوند */
  .tk-archive-v2.site-main { background: #F5F6F6 !important; }

  /* ---------- کارت سفیدِ چسبیده: بردکرامب (بالا) + زیردسته‌ها (پایین) ---------- */
  .tk-archive-v2 .tk_archive_first_section {
    max-width: 100% !important; width: auto !important;
    margin: 0 !important; padding: 0 !important;
  }
  .tk-archive-v2 .tk_archive_breadcrumb_container {
    width: auto !important; max-width: none !important;
    margin: 0 !important; height: auto !important; line-height: normal !important;
    background: #fff; border-radius: 0;
    padding: 16px 24px !important;
    display: block !important; /* block تا nowrap-nav با min-width:auto عرض را گنده نکند */
  }

  /* بردکرامب (Frame 1196): 11px، اسکرول افقی، خانه خاکستریِ کم‌رنگ، بقیه تیره */
  .tk-archive-v2 .tk_archive_breadcrumb { width: 100%; min-width: 0; overflow: hidden; }
  .tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb {
    gap: 10px !important; font-size: 11px !important;
  }
  .tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb a {
    font-size: 11px !important; color: #394040 !important;
  }
  /* جداکننده‌ها 14px (base هم همین است) و margin اینلاین‌شان صفر */
  .tk-archive-v2 .tk_archive_breadcrumb .woocommerce-breadcrumb img {
    width: 14px !important; height: 14px !important; margin: 0 !important;
  }

  /* ---------- زیردسته‌ها (Frame 1197) ---------- */
  .tk-archive-v2 .tk_archive_sub_section {
    width: auto !important; max-width: none !important;
    margin: 0 !important;
    padding: 0 24px 16px !important;
    background: #fff; border-radius: 0 0 8px 8px;
    display: flex !important; flex-direction: column; align-items: stretch; gap: 8px;
  }
  /* هدینگ «زیردسته‌های مرتبط» — در DOM نیست، با ::before اضافه می‌شود */
  .tk-archive-v2 .tk_archive_sub_section::before {
    content: "زیردسته‌های مرتبط";
    order: -1;
    font-family: 'Estedad-FD' !important; font-size: 12px; font-weight: 400;
    line-height: 1.9; letter-spacing: 0.015em; color: #060707;
    text-align: right;
  }
  .tk-archive-v2 .tk_v2_consult_slot { display: none !important; }

  /* ردیف کارت‌ها — اسکرول افقی */
  .tk-archive-v2 .sub_category_row { overflow-x: auto !important; margin: 0 -24px!important; }
  .tk-archive-v2 .sub_category_list .subcategory_button:first-child {
    margin-right: 24px;
  }
  .tk-archive-v2 .sub_category_list .subcategory_button:last-child {
    margin-left: 24px;
  }
  .tk-archive-v2 .sub_category_list {
    gap: 8px !important; padding: 0 !important;
  }
  /* کارت (Button 176×56، بوردر F5F6F6، radius 8، ردیفی: متن راست / عکس چپ) */
  .tk-archive-v2 .sub_category_list .subcategory_button {
    flex: 0 0 auto !important;
    width: 176px !important; height: 58px !important;
    flex-direction: row-reverse !important; align-items: center !important; justify-content: flex-start !important;
    gap: 8px !important; padding: 10px 8px !important;
    border: 1px solid #F5F6F6 !important; border-radius: 8px !important;
    background: #fff !important; text-align: right !important;
  }
  .tk-archive-v2 .sub_category_list .subcategory_button .subcategory_thumb {
    order: 2; width: 36px !important; height: 36px !important; flex: 0 0 36px;
  }
  .tk-archive-v2 .sub_category_list .subcategory_button span:not(.subcategory_thumb) {
    order: 1; flex: 1 1 auto; height: auto !important;
    font-size: 10px !important; font-weight: 400 !important; line-height: 1.85 !important;
    color: #060707 !important; text-align: right;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }

  /* ---------- عنوان دسته (با JS منتقل شده به زیرِ کارت) ---------- */
  .tk-archive-v2 .woocommerce_archive_header { padding: 16px 24px 0 !important; margin: 0 !important; }
  .tk-archive-v2 .woocommerce_archive_header__title {
    font-size: 16px !important; font-weight: 500 !important; line-height: 140% !important; margin: 0 !important;
  }

  .tk_archive_section {
    padding: 0 20px!important;
  }

  .tk-archive-v2 .tk_archive_section_container{
    padding: 0!important;
  }
}

/* =========================================================================
   نوار عنوان + فیلتر (Figma "Category Title") — موبایل
   عنوان (منتقل‌شده) بالا، سپس ردیفِ پیلِ فیلتر، سپس تعداد محصول.
   پیل‌ها با JS (buildFilterPills) ساخته می‌شوند: «همه فیلترها» + پیلِ هر گروهِ WOOF.
   باکس/هدینگِ «فیلتر محصولات» قدیمی حذف می‌شود.
   ========================================================================= */
@media only screen and (max-width: 767px) {

  /* حذف هدینگِ «فیلتر محصولات» و باکسِ قدیمی */
  .tk-archive-v2 .tk_archive_container_main::before { content: "" !important; display: none !important; }

  /* نوار نتیجه = ستون: پیل‌بار بالا، تعداد پایین (نه column-reverse، نه باکس) */
  .tk-archive-v2 .archive_header {
    flex-direction: column !important; align-items: stretch !important;
    height: auto !important; gap: 12px !important;
    background: #F5F6F6 !important; border: 0 !important; border-radius: 0 !important;
    padding: 12px 0 8px !important; margin: 16px -20px 8px !important;
    position: sticky;
    top: 76px;
    z-index: 1000;
  }
  .tk-archive-v2 .tk_v2_pillbar .tk_mobile_filter:last-child{
    margin-left: 24px!important;
  }

  .archive_header> p {
    display: none;
  }

  .tk-archive-v2 .archive_header .mobile_row { display: none !important; } /* بچه‌هایش به پیل‌بار منتقل شدند */

  /* پیل‌بار: ردیفِ اسکرولیِ افقی — flex-start در RTL یعنی از راست شروع، سرریز به چپ */
  .tk-archive-v2 .tk_v2_pillbar {
    display: flex; flex-direction: row; justify-content: flex-start;
    align-items: center; gap: 4px; overflow-x: auto; width: 100%;
    /* overflow-x:auto محور عمودی را هم clip می‌کند؛ این فضای خنثی اجازه
       می‌دهد shadow-lg دکمه «همه فیلترها» کامل محو شود، بدون تغییر فاصله‌ی
       نوار با تعداد محصولات. */
    padding-bottom: 16px;
    margin-bottom: -16px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .tk-archive-v2 .tk_v2_pillbar::-webkit-scrollbar { display: none; }

  /* پیل (Button): سفید، بوردر E4E9E9، radius 999، 36px، متن 12/500 */
  .tk-archive-v2 .tk_v2_pill,
  .tk-archive-v2 .tk_v2_pillbar .tk_mobile_filter,
  .tk-archive-v2 .tk_v2_pillbar .woocommerce-ordering select.orderby {
    flex: 0 0 auto !important; width: auto !important; box-sizing: border-box !important;
    display: inline-flex !important; flex-direction: row; align-items: center; justify-content: center;
    gap: 4px; height: 36px !important; padding: 8px 12px !important; margin: 0 !important;
    background: #fff !important; border: 1px solid #E4E9E9 !important; border-radius: 999px !important;
    font-family: 'Estedad-FD' !important; font-size: 12px !important; font-weight: 500 !important;
    line-height: 1.4 !important; color: #060707 !important; white-space: nowrap; cursor: pointer;
  }
  /* «همه فیلترها» — Figma: padding 8/12/8/16 (راستِ ۱۲ سمتِ آیکن، چپِ ۱۶ سمتِ متن)،
     gap ۴، و سایه‌ی shadow-lg که در هر دو حالتِ عادی و فعال هست. */
  .tk-archive-v2 .tk_v2_pillbar .tk_mobile_filter {
    padding: 8px 12px 8px 16px !important;
    margin-right: 24px !important;
    box-shadow: 0px 10px 15px -3px rgba(6, 7, 7, 0.1), 0px 4px 6px rgba(6, 7, 7, 0.05);
  }

  /* بقیه‌ی پیل‌ها — Figma: padding 8/12/8/6 (چپِ ۶ سمتِ chevron)، بدون gap،
     بدون سایه در حالتِ عادی. عرضِ ۸۵ = ۱۲+۶ پدینگ + ۲۰ آیکن + ۴۷ متن. */
  .tk-archive-v2 .tk_v2_pill {
    gap: 0 !important;
    padding: 8px 12px 8px 6px !important;
  }
  .tk-archive-v2 .tk_v2_pill_ico,
  .tk-archive-v2 .tk_v2_pillbar .tk_mobile_filter img {
    width: 20px !important; height: 20px !important; margin: 0 !important; vertical-align: middle;
  }
  .tk-archive-v2 .tk_v2_pill_chev { width: 20px !important; height: 20px !important; margin: 0 !important; }

  /* سلکتِ مرتب‌سازی به‌شکلِ پیل (فلشِ نیتیو مخفی، chevron خودمان با bg) */
  .tk-archive-v2 .tk_v2_pillbar .woocommerce-ordering { width: auto !important; margin: 0 0 0 24px !important; }
  .tk-archive-v2 .tk_v2_pillbar .woocommerce-ordering label,
  .tk-archive-v2 .tk_v2_pillbar .woocommerce-ordering .mobile_sort_icon,
  .tk-archive-v2 .tk_v2_pillbar .woocommerce-ordering input { display: none !important; }
  .tk-archive-v2 .tk_v2_pillbar .woocommerce-ordering select.orderby {
    -webkit-appearance: none; appearance: none; padding: 8px 12px 8px 28px !important;
    background-image: url(https://teslakala.com/wp-content/themes/teslakala/icon/down_arrow.svg) !important;
    background-repeat: no-repeat !important; background-position: left 8px center !important; background-size: 16px !important;
  }

  /* تعداد محصول: راست‌چین، کوچک، زیرِ پیل‌ها (بدون پسوندِ «در دسته‌ی…») */
  .tk-archive-v2 .archive_header .tk_result_count {
    /* margin افقی کنارِ width:100% باکس را over-constrained می‌کند و در RTL
       ۲۴px به چپ سرریز می‌دهد؛ همان گاتر را با padding می‌گیریم. */
    width: 100% !important; box-sizing: border-box !important;
    margin: 0 !important; padding: 0 24px !important; text-align: right !important;
    font-size: 12px !important; font-weight: 500 !important; color: #7E928F !important;
  }
  .tk-archive-v2 .archive_header .tk_result_count .tk_v2_in_cat { display: none !important; }
}


/* =========================================================================
   مشاوره و پشتیبانی (Figma "Frame 1195") — موبایل
   فلش‌های کاروسل با JS از نوار پایین (expert_bottom_bar) به هدر (کنارِ عنوان) منتقل
   می‌شوند؛ لیبل «تیم مشاوره و پشتیبانی» مخفی. کانتینر بیرونی بدون بوردر.
   ========================================================================= */
@media only screen and (max-width: 767px) {
  /* محتوای پایین صفحه: CTA، مشاور، دسته‌های مرتبط، FAQ و توضیحات */
  main.tk-archive-v2 > .tk_archive_section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #FFFFFF;
  }

  .tk-archive-v2 .tk_v2_consult_mobile {
    background: #fff !important; border: 0 !important; border-radius: 0 !important;
    box-sizing: border-box; width: 100%; height: 188px;
    padding: 16px 24px 8px !important; margin: 0 !important;
    display: flex !important; flex-direction: column; align-items: stretch; gap: 12px;
  }
  /* هدر: عنوان راست (16/500 خاکستری) + فلش‌ها چپ */
  .tk-archive-v2 .tk_v2_consult_mobile .tk_v2_consult_head {
    display: flex; flex-direction: row; justify-content: space-between; align-items: center;
    padding: 0 8px 0 0;
  }
  .tk-archive-v2 .tk_v2_consult_mobile .tk_v2_consult_mobile_title {
    margin: 0 !important; font-family: 'Estedad-FD' !important;
    font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important;
    color: #394040 !important; text-align: right;
  }
  /* نوار فلش داخل هدر: لیبل مخفی، فقط دو فلش با فاصله (Frame 1179 gap 24) */
  .tk-archive-v2 .tk_v2_consult_mobile .tk_v2_consult_head .expert_bottom_bar {
    order: 0 !important; flex: 0 0 auto !important; padding: 0 8px !important; gap: 24px !important;
  }
  .tk-archive-v2 .tk_v2_consult_mobile .tk_v2_consult_head .expert_bottom_label { display: none !important; }
}
/* --- مشاوره: کانتینر ویجت بدون بوردر، بوردر روی کارت، بازتعریفِ فلش‌ها (خارج از widget) --- */
@media only screen and (max-width: 767px) {
  .tk-archive-v2 .tk_v2_consult_mobile .widget_expert_widget {
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
    width: 100% !important; height: 120px !important; margin: 0 !important;
  }
  .tk-archive-v2 .tk_v2_consult_mobile .whatsapp_new_carousel {
    background: transparent !important; height: 120px !important;
  }
  /* کارت (Frame 1182): بوردر روی خودِ کارت */
  .tk-archive-v2 .tk_v2_consult_mobile .expert_box.whatsapp-carousel-item {
    height: 120px !important; border: 1px solid #CCD5D3 !important;
    border-radius: 4px !important; background: #fff !important; padding: 12px !important;
  }
  .tk-archive-v2 .tk_v2_consult_mobile .expert_data { gap: 0 !important; }
  .tk-archive-v2 .tk_v2_consult_mobile .expert-contact {
    height: 42px !important; margin: 12px 0 0 !important; padding-top: 10px !important;
    gap: 10px !important; justify-content: flex-end !important;
  }
  .tk-archive-v2 .tk_v2_consult_mobile .internal_number {
    padding: 4px 6px !important; font-size: 10px !important;
  }
  /* فلش‌ها در مکانِ جدید (بیرون از .widget → استایلِ پلاگین را دستی برمی‌گردانیم) */
  .tk-archive-v2 .tk_v2_consult_head .expert_bottom_bar {
    direction: ltr; display: flex; flex-direction: row; align-items: center;
  }
  .tk-archive-v2 .tk_v2_consult_head .expert_nav_btn {
    flex: 0 0 auto; width: 32px; height: 32px; border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    background: none; border: 0; cursor: pointer; padding: 4px;
  }
  .tk-archive-v2 .tk_v2_consult_head .expert_nav_btn img { width: 24px; height: 24px; display: block; }
  .tk-archive-v2 .tk_v2_consult_head .expert_nav_btn img.mirror { transform: scaleX(-1); }
  .tk-archive-v2 .tk_v2_consult_head .expert_nav_btn .nav-off { display: none; }
  .tk-archive-v2 .tk_v2_consult_head .expert_nav_btn.is-off .nav-on { display: none; }
  .tk-archive-v2 .tk_v2_consult_head .expert_nav_btn.is-off .nav-off { display: block; }
}


/* =========================================================================
   پایه‌ی مخفی‌بودنِ ویجت فیلتر روی موبایل
   ------------------------------------------------------------------------
   روی موبایل فیلترها فقط از راه پیل‌بار باز می‌شوند. تا الان نمایان‌بودنِ ویجت
   صرفاً با inline display (jQuery .show()/.hide()) کنترل می‌شد؛ ولی WOOF بعد از
   هر فیلترِ ajax مارک‌آپ را از نو می‌سازد و آن inline پاک می‌شود، پس ویجت بدون
   کلاس .active برمی‌گشت و با استایل‌های v1 (لیست دوستونی) لخت دیده می‌شد.
   با این قاعده پایه = مخفی؛ .show() چون inline است همچنان بر آن غالب می‌شود و
   باز کردنِ پنل از پیل‌بار دست‌نخورده کار می‌کند.
   ========================================================================= */
@media only screen and (max-width: 767px) {
  .tk-archive-v2 .tk_archive_container_side .widget.widget-woof:not(.active) {
    display: none;
  }
}


/* =========================================================================
   «حذف فیلترها»ی نوار نتایج — فقط دسکتاپ
   ------------------------------------------------------------------------
   کل استایلِ .tk_clear_filters در archive-header-v2.css داخل
   @media (min-width: 768px) است، پس زیر ۷۶۸px نه چیدمانی می‌گیرد و نه اندازه‌ی
   svg؛ و چون svg فقط viewBox دارد (بدون width/height) تمام عرض را می‌گیرد و
   ضربدرِ غول‌پیکر روی کارت محصول می‌افتد. روی موبایل ریست از فوترِ درawer
   انجام می‌شود، پس اینجا لازم نیست.
   ========================================================================= */
@media only screen and (max-width: 767px) {
  .tk-archive-v2 .archive_header .tk_clear_filters { display: none; }
}


/* =========================================================================
   پیلِ فیلترِ فعال — تینتِ قرمز به‌جای نقطه‌ی قرمز
   ------------------------------------------------------------------------
   کلاس tk_v2_pill_on را markActivePills()/updateMobileFilterIcon() در
   product-cat-v2.js می‌گذارند. آیکن‌ها <img> هستند و با CSS رنگ نمی‌گیرند، پس
   خودِ JS به نسخه‌ی *_red.svg سوییچ می‌کند (کپیِ همان فایل با fill=#ED1C24).
   قاعده‌ی پایه‌ی پیل !important دارد، این هم دارد + یک کلاس بیشتر.
   ========================================================================= */
@media only screen and (max-width: 767px) {
  /* قرمزِ ۸٪ باید روی سفید بنشیند، نه روی خاکستریِ پشتِ نوار — با #ED1C2414
     شفافیت مستقیم روی پس‌زمینه ترکیب می‌شد و رنگ کدر درمی‌آمد. */
  .tk-archive-v2 .tk_v2_pill.tk_v2_pill_on,
  .tk-archive-v2 .tk_v2_pillbar .tk_mobile_filter.tk_v2_pill_on {
    background: linear-gradient(0deg, rgba(237, 28, 36, 0.08), rgba(237, 28, 36, 0.08)), #FFFFFF !important;
    border-color: transparent !important;
    color: #ED1C24 !important;
  }

  /* پیلِ فعال سایه‌ی shadow-sm می‌گیرد؛ «همه فیلترها» همان shadow-lg خودش را نگه می‌دارد */
  .tk-archive-v2 .tk_v2_pill.tk_v2_pill_on {
    box-shadow: 0px 1px 2px rgba(6, 7, 7, 0.08);
  }
}


/* =========================================================================
   نوار استیکیِ مشاوره — Figma 12870:11296 (فقط موبایل)
   ========================================================================= */
.tk-archive-v2 .tk_v2_sticky_consult { display: none; }

@media only screen and (max-width: 767px) {
  .tk-archive-v2 .tk_v2_sticky_consult {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    box-sizing: border-box;
    display: flex;
    flex-direction: row; /* RTL → متن راست، آیکن‌ها چپ */
    align-items: center;
    gap: 16px;
    height: 80px;
    padding: 16px 24px;
    background: #FFFFFF;
    border-top: 3px solid #2A4ACA;
    cursor: pointer;
  }

  .tk-archive-v2 .tk_v2_sticky_consult_txt {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-family: 'Estedad-FD';
    font-weight: 400;
    font-size: 12px;
    line-height: 1.8;
    color: #060707;
    text-align: right;
  }

  .tk-archive-v2 .tk_v2_sticky_consult_q { color: #04724D; }

  .tk-archive-v2 .tk_v2_sticky_consult_actions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row; /* RTL → اولین فرزند (تماس) سمت راستِ گروه */
    align-items: center;
    gap: 24px;
  }

  .tk-archive-v2 .tk_v2_sc_btn {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
  }

  .tk-archive-v2 .tk_v2_sc_btn img {
    display: block;
    width: 24px;
    height: 24px;
  }

  /* طرح: آیکن تلفن آینه‌ای (در Figma با rotate(180)+flipY که معادل scaleX(-1) است) */
  .tk-archive-v2 .tk_v2_sc_call img {
    transform: scaleX(-1);
  }

  /* فاصله‌ی انتهای توضیحات در description-v2.css برابر 56px است؛
     اینجا فضای اضافه برای نوار fixed رزرو نمی‌کنیم. */
  main.tk-archive-v2 { padding-bottom: 0; }
}


/* =========================================================================
   پیجینیشنِ موبایل — «قبلی  ۱ … ۱۰۰  بعدی»
   markup در components/product-cat/loop/pagination.php ساخته می‌شود.
   ========================================================================= */
@media only screen and (max-width: 767px) {
  /* اگر باز هم جا کم آمد، به‌جای بیرون‌زدن از صفحه بشکند */
  .tk-archive-v2 nav.woocommerce-pagination > ul.page-numbers {
    flex-wrap: wrap;
    row-gap: 8px;
    justify-content: center;
  }

  /* «قبلی» در صفحه‌ی اول و «بعدی» در صفحه‌ی آخر: حذف نشوند، خاموش بمانند */
  .tk-archive-v2 nav.woocommerce-pagination .page-numbers.tk_pg_off {
    color: #CCD5D3;
    border-color: #E4E9E9;
    pointer-events: none;
  }
}

@media only screen and (max-width: 767px) {
  .tk-archive-v2 .tk_v2_pill.tk_v2_toggle_pill {
    padding: 8px 12px !important;
  }
  .tk-archive-v2 .tk_v2_pillbar .woocommerce-ordering select.orderby.tk_v2_pill_on {
    background-color: #fff !important;
    background-image: url(https://teslakala.com/wp-content/themes/teslakala/icon/down_arrow_red.svg), linear-gradient(rgba(237, 28, 36, 0.08), rgba(237, 28, 36, 0.08)) !important;
    background-position: left 8px center, center !important;
    background-size: 16px, 100% 100% !important;
    border-color: transparent !important;
    color: #ED1C24 !important;
    box-shadow: 0px 1px 2px rgba(6, 7, 7, 0.08);
  }
}

/* teslakala-product-card-v3 */
/* =========================================================================
 *  Product card V3 — Figma
 *  scope: .tk-archive-v2 .tk_v3_card  (فقط آرشیو v2؛ کارت v1 دست‌نخورده)
 * ====================================================================== */

/* قالب پایه روی همه‌چیز border-box نمی‌گذارد؛ بدون این، height+padding جمع می‌شود
   و دکمه‌ی ۳۶px تبدیل به ۵۶px و width:100% از کارت بیرون می‌زند. */
.tk-archive-v2 .tk_v3_card,
.tk-archive-v2 .tk_v3_card *,
.tk-archive-v2 .tk_v3_card *::before,
.tk-archive-v2 .tk_v3_card *::after {
  box-sizing: border-box;
}

.tk-archive-v2 ul.products.tk_v3_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tk-archive-v2 .tk_v3_card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 0px;
  box-shadow: 0px 4px 6px 0px #0607070D;
  overflow: hidden;
  direction: rtl;
}

/* ---------------------------------------------------------------- top ---- */
.tk-archive-v2 .tk_v3_card .tk_v3_top {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px 16px 20px;
  isolation: isolate;
}

.tk-archive-v2 .tk_v3_card .tk_v3_product_id {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  padding: 4px 7px;
  border: 0;
  border-radius: 6px;
  background: rgba(6, 7, 7, .04);
  color: #737B7B;
  direction: ltr;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}

.tk-archive-v2 .tk_v3_card .tk_v3_product_id:hover {
  color: #8A5A00;
  background: rgba(255, 179, 0, .12);
}

.tk-archive-v2 .tk_v3_card .tk_v3_product_id.tk_v3_product_id_copied {
  color: #087A55;
  background: #E8F7F1;
}

.tk-archive-v2 .tk_v3_card .tk_v3_thumb_link {
  display: block;
  width: 112px;
  height: 112px;
  z-index: 0;
}

.tk-archive-v2 .tk_v3_card .tk_v3_thumb {
  width: 112px;
  height: 112px;
  object-fit: contain;
  display: block;
}

/* --- pill های شناور بالا-راست ------------------------------------------ */
.tk-archive-v2 .tk_v3_card .tk_v3_float_badges {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.tk-archive-v2 .tk_v3_card .tk_v3_fbadge {
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 2px;
  height: 28px;
  padding: 0 4px 0 8px;
  border-radius: 999px;
  background: rgba(6, 7, 7, .02);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.tk-archive-v2 .tk_v3_card .tk_v3_fbadge:hover {
  background: #0607070D;
}

.tk-archive-v2 .tk_v3_card .tk_v3_fbadge_txt {
  font-weight: 300;
  font-size: 8px;
  line-height: 110%;
  letter-spacing: .015em;
  text-align: right;
  color: #394040;
  white-space: nowrap;
}

.tk-archive-v2 .tk_v3_card .tk_v3_fbadge img {
  width: 24px;
  height: 24px;
  flex: none;
}

.tk-archive-v2 .tk_v3_card .tk_v3_fbadge_store img {
  width: 22px;
  height: 22px;
}

/* --- هدر: وضعیت موجودی + عنوان ----------------------------------------- */
.tk-archive-v2 .tk_v3_card .tk_v3_head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  z-index: 1;
}

.tk-archive-v2 .tk_v3_card .tk_v3_stock {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 6px 0 8px;
  /* RTL: فرزندِ اول سمت راست می‌افتد؛ row-reverse یعنی متن چپ و آیکون راست (مثل طرح) */
  flex-direction: row-reverse;
  border: 1px solid #E4E9E9;
  border-radius: 999px;
  font-weight: 500;
  font-size: 11px;
  line-height: 140%;
  letter-spacing: .01em;
  color: #394040;
  white-space: nowrap;
}

.tk-archive-v2 .tk_v3_card .tk_v3_stock_out {
  border-color: #F1D6D7;
  color: #B4181E;
}

/* placeholder جای بجِ حذف‌شده‌ی «ناموجود» — فقط ارتفاع ۲۲ + gap ۱۲ را نگه می‌دارد */
.tk-archive-v2 .tk_v3_card .tk_v3_stock_ph {
  visibility: hidden;
  padding: 0;
  border: 0;
}

.tk-archive-v2 .tk_v3_card .tk_v3_ico {
  width: 16px;
  height: 16px;
  flex: none;
}

.tk-archive-v2 .tk_v3_card .tk_v3_title {
  margin: 0;
  padding: 0 0 0 12px;
  align-self: stretch;
  /* !important لازم است: بلوک CSS سراسری سایت h3{font-size:20px!important} دارد
     و header.css هم *{font-family:'Estedad-FD'!important}. عنوان طبق فیگما
     Estedad (بدون FD) است تا شماره‌مدل لاتین بماند. */
  font-family: 'Estedad-Num', 'Estedad-FD' !important;
  font-weight: 400;
  font-size: 13px !important;
  line-height: 190%;
  letter-spacing: .015em;
  text-align: right;
  color: #060707;
  /* دقیقاً ۳ خط — ارتفاع کارت ثابت بماند */
  height: calc(13px * 1.9 * 3);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.tk-archive-v2 .tk_v3_card .tk_v3_title a {
  color: inherit;
  text-decoration: none;
  /* style.css: a{font-weight:500} */
  font-weight: 400;
  font-size: inherit;
  font-family: inherit;
}

/* ------------------------------------------------------------- bottom ---- */
.tk-archive-v2 .tk_v3_card .tk_v3_bottom {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 16px 16px;
  margin-top: auto;
}

.tk-archive-v2 .tk_v3_card .tk_v3_priceblock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.tk-archive-v2 .tk_v3_card .tk_v3_fresh {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 6px 0 8px;
  flex-direction: row-reverse;
  background: rgba(4, 114, 77, .05);
  font-weight: 500;
  font-size: 11px;
  line-height: 140%;
  letter-spacing: .01em;
  color: #04724D;
  white-space: nowrap;
}

.tk-archive-v2 .tk_v3_card .tk_v3_stale {
  background: rgba(126, 146, 143, .08);
  color: #7E928F;
}

.tk-archive-v2 .tk_v3_card .tk_v3_currency {
  background: rgba(42, 74, 202, .05);
  color: #2A4ACA;
}

/* در دسکتاپ ارتفاع بلوک قیمت برای همه‌ی کارت‌ها ۷۸px می‌ماند. در حالت
   استعلام قیمت فقط badge آبی دیده می‌شود و در ناموجود کل فضا نامرئی است. */
.tk-archive-v2 .tk_v3_card .tk_v3_priceblock_price,
.tk-archive-v2 .tk_v3_card .tk_v3_priceblock_stock {
  flex: 0 0 78px;
  height: 78px;
}

.tk-archive-v2 .tk_v3_card .tk_v3_priceblock_stock {
  visibility: hidden;
}

.tk-archive-v2 .tk_v3_card .tk_v3_price_row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  min-height: 44px;
}

.tk-archive-v2 .tk_v3_card .tk_v3_price_col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 1 auto;
}

.tk-archive-v2 .tk_v3_card .tk_v3_price_now {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.tk-archive-v2 .tk_v3_card .tk_v3_price_num {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: right;
  color: #060707;
}

.tk-archive-v2 .tk_v3_card .tk_v3_price_cur {
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  color: #7E928F;
}

.tk-archive-v2 .tk_v3_card .tk_v3_price_old {
  font-weight: 400;
  font-size: 11px;
  line-height: 140%;
  text-align: right;
  text-decoration-line: line-through;
  color: #7E928F;
}

.tk-archive-v2 .tk_v3_card .tk_v3_discount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: 20px;
  padding: 1px 6px 0;
  border-radius: 999px;
  background: #ED1C24;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #fff;
}

/* طرحِ حالتِ داخل سبد: تخفیف و قیمت قبلی پنهان می‌شوند. ارتفاع دسکتاپ
   به‌کمک min-height ردیف قیمت ثابت می‌ماند؛ موبایل پایین‌تر کوتاه می‌شود. */
.tk-archive-v2 .tk_v3_card.tk_v3_in_cart .tk_v3_price_old,
.tk-archive-v2 .tk_v3_card.tk_v3_in_cart .tk_v3_discount {
  display: none;
}

/* ------------------------------------------------------------ actions ---- */
.tk-archive-v2 .tk_v3_card .tk_v3_actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-self: stretch;
}

.tk-archive-v2 .tk_v3_card .tk_v3_cart_form {
  margin: 0;
}

.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  padding: 10px 24px;
  border: 0;
  border-radius: 2px;
  font-family: 'Estedad-FD';
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  cursor: pointer;
  transition: background .15s ease;
}

.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn_gold {
  /* طرح: «افزودن به سبد» سمت چپ، آیکون سبد سمت راست */
  flex-direction: row-reverse;
  background: #FFD500;
  color: #060707;
  text-decoration: none;
}

.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn_gold:hover {
  background: #FF9900; /* --tk-orange */
  color: #060707;
}

.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn_inquiry {
  flex-direction: row-reverse;
  padding: 10px 24px;
  background: #fff;
  border: 2px solid #CCD5D3;
  border-radius: 2px;
  color: #060707;
  text-decoration: none;
}

.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn_inquiry_stock {
  border-width: 1px;
}

.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn_inquiry:hover {
  background: #F5F6F6;
  color: #060707;
}

.tk-archive-v2 .tk_v3_card .tk_v3_btn_inquiry img,
.tk-archive-v2 .tk_v3_card .tk_v3_inquiry_success img {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
}

.tk-archive-v2 .tk_v3_card .tk_v3_inquiry_success {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  padding: 8px 24px;
  border-radius: 2px;
  background: rgba(4, 114, 77, .08);
  font-family: 'Estedad-FD';
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #04724D;
}

.tk-archive-v2 .tk_v3_card .tk_v3_inquiry_success[hidden],
.tk-archive-v2 .tk_v3_card .tk_v3_btn_inquiry[hidden] {
  display: none !important;
}

.tk-archive-v2 .tk_v3_card .tk_v3_ico_cart {
  width: 20px;
  height: 20px;
  flex: none;
}

.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn_ghost {
  gap: 4px;
  padding: 6px 16px 6px 20px;
  background: transparent;
  font-weight: 400;
  color: #060707;
}

.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn_ghost:hover {
  background: #F5F6F6; /* --tk-bg */
}

.tk-archive-v2 .tk_v3_card .tk_v3_ico_chev {
  width: 20px;
  height: 20px;
  flex: none;
  transition: transform .2s ease;
}

.tk-archive-v2 .tk_v3_card .tk_v3_specs_toggle[aria-expanded="true"] .tk_v3_ico_chev {
  transform: rotate(180deg);
}

.tk-archive-v2 .tk_v3_card .tk_v3_specs_panel {
  padding: 4px 0 0;
  font-size: 12px;
  line-height: 1.9;
  color: #394040;
  text-align: right;
}

.tk-archive-v2 .tk_v3_card .tk_v3_specs_panel .archive_top_attribute {
  display: block !important;
}

.tk-archive-v2 .tk_v3_card .tk_v3_specs_panel .archive_attribute_display {
  margin: 0 0 2px;
}

.tk-archive-v2 .tk_v3_card .tk_v3_specs_panel .archive_attribute_display_title {
  color: #7E928F;
}

/* ------------------------------------------------------------ responsive - */
@media only screen and (max-width: 1024px) {
  .tk-archive-v2 ul.products.tk_v3_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767px) {
  .tk-archive-v2 ul.products.tk_v3_grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .tk-archive-v2 .tk_v3_card {
    width: 100%;
    min-width: 320px;
    max-width: 360px;
    justify-self: center;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_top {
    padding: 16px 20px;
    gap: 16px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_bottom {
    padding: 0 20px 16px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_float_badges {
    top: 20px;
    right: 20px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_thumb_link,
  .tk-archive-v2 .tk_v3_card .tk_v3_thumb {
    width: 100px;
    height: 100px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_title {
    font-size: 12px !important;
    height: calc(12px * 1.9 * 3);
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_price_row {
    height: 20px;
    min-height: 20px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_price_row_sale {
    height: 42px;
    min-height: 42px;
  }

  .tk-archive-v2 .tk_v3_card.tk_v3_in_cart .tk_v3_price_row_sale {
    height: 20px;
    min-height: 20px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_price_num {
    font-size: 14px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_price_cur {
    font-size: 9px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_price_old {
    font-size: 10px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_priceblock_price {
    flex-basis: 22px;
    height: 22px;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_priceblock_stock {
    display: none;
  }

  .tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_btn_ghost {
    border-radius: 4px;
  }
}


/* =========================================================================
 *  استپر تعداد + حالت «در سبد شما»
 *  کارت V3 دیگر کلاس archive_product_box را ندارد، پس استایل استپر از
 *  product-cat-v2.css به آن نمی‌رسد؛ اینجا پورت شده و با طرح V3 هماهنگ شد.
 *  ⚠️ روی display هیچ‌جا !important نگذار — تاگل AJAX در functions.php
 *     با inline style دکمه/استپر را نشان و پنهان می‌کند.
 * ====================================================================== */
/* ⚠️ display اینجا لازم است: jQuery .show() مقدارِ inline را پاک می‌کند
   (style.display = "")، و بدون این قاعده <div> به block پیش‌فرض برمی‌گشت. */
.tk-archive-v2 .tk_v3_card .incartquantity {
  display: flex;
  width: 100%;
  margin: 0;
}

/* ردیفِ واقعی — هیچ JSای این المان را لمس نمی‌کند، پس چیدمان همیشه پایدار است */
.tk-archive-v2 .tk_v3_card .tk_v3_cart_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

/* استپر = pillِ سفید با سایه‌ی مویی؛ کشیده تا فضای باقی‌مانده را پر کند */
.tk-archive-v2 .tk_v3_card .quantity {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: 36px;
  margin: 0;
  float: none;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 1px 0 #394040;
}

/* آیکون‌ها به‌صورت background می‌آیند نه <img>: updateQuantityButtons در
   js/responsive.js با show()/hide() جی‌کوئری روی همین دکمه‌ها display را
   inline ست می‌کند، پس نباید لِی‌اوتِ داخلی دکمه به display وابسته باشد. */
.tk-archive-v2 .tk_v3_card .quantity .plus,
.tk-archive-v2 .tk_v3_card .quantity .minus,
.tk-archive-v2 .tk_v3_card .quantity .trash {
  flex: none;
  width: 48px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: #E4E9E9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  cursor: pointer;
}

.tk-archive-v2 .tk_v3_card .quantity .plus  { background-image: url('https://teslakala.com/wp-content/themes/teslakala/icon/v3-plus.svg'); }
.tk-archive-v2 .tk_v3_card .quantity .minus { background-image: url('https://teslakala.com/wp-content/themes/teslakala/icon/v3-minus.svg'); }
.tk-archive-v2 .tk_v3_card .quantity .trash { background-image: url('https://teslakala.com/wp-content/themes/teslakala/icon/v3-trash.svg'); }

.tk-archive-v2 .tk_v3_card .quantity .plus:hover,
.tk-archive-v2 .tk_v3_card .quantity .minus:hover,
.tk-archive-v2 .tk_v3_card .quantity .trash:hover {
  background-color: #CCD5D3; /* --tk-line2 */
}

.tk-archive-v2 .tk_v3_card .quantity .plus img,
.tk-archive-v2 .tk_v3_card .quantity .minus img,
.tk-archive-v2 .tk_v3_card .quantity .trash img {
  display: none;
}

.tk-archive-v2 .tk_v3_card .quantity .input-text.qty {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  font-family: 'Estedad-FD';
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #060707;
  -moz-appearance: textfield;
}

.tk-archive-v2 .tk_v3_card .quantity .input-text.qty::-webkit-outer-spin-button,
.tk-archive-v2 .tk_v3_card .quantity .input-text.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.tk-archive-v2 .tk_v3_card .incart {
  position: static;
  display: flex;
  flex: none;
  align-items: center;
  width: auto;
  height: 36px;
  margin: 0;
}

/* «مشاهده سبد» — طرح: chevron سمت چپِ متن (padding: راست ۸ / چپ ۴) */
.tk-archive-v2 .tk_v3_card .tk_v3_view_cart {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 8px 0 4px;
  border-radius: 2px;
  font-family: 'Estedad-FD';
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #060707;
  text-decoration: none;
  white-space: nowrap;
}

.tk-archive-v2 .tk_v3_card .tk_v3_view_cart:hover {
  background: #F5F6F6; /* --tk-bg */
  color: #060707;
}

.tk-archive-v2 .tk_v3_card .tk_v3_view_cart img {
  flex: none;
  width: 16px;
  height: 16px;
}

/* شناسه‌ی محصول (کپی‌کننده‌ی sale-flash) در کارت V3 جایی ندارد */
.tk-archive-v2 .tk_v3_card .product-id {
  display: none;
}


/* فرم افزودن‌به‌سبد: خنثی‌کردن رول‌های عمومی .woocommerce .cart قالب */
.tk-archive-v2 .tk_v3_card .tk_v3_actions .tk_v3_cart_form {
  margin: 0;
  padding: 0;
  float: none;
  width: 100%;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .tk-archive-v2 .tk_v3_card .quantity {
    gap: 16px;
  }
}

/* form.cart تمیزکاری */

/* =========================================================================
 *  مودال «همه مشخصات» — Figma 13417:29811
 *  اسکوپ سراسری (مودال خارج از .tk-archive-v2 نیست ولی کلاس‌ها یکتا هستند)
 * ====================================================================== */
.tk_v3_modal_overlay,
.tk_v3_modal_overlay * {
  box-sizing: border-box;
}

.tk_v3_modal_overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(6, 7, 7, .45);
  direction: rtl;
}

.tk_v3_modal_overlay[hidden] {
  display: none;
}

body.tk_v3_modal_open {
  overflow: hidden;
}

.tk_v3_modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 412px;
  /* ارتفاع ثابت حتی با محتوای کم؛ max-height برای نمایشگرِ کوتاه نگه داشته شده */
  height: 560px;
  max-height: 88vh;
  overflow: hidden;
  background: #fff;
  border: 2px solid #E4E9E9;
  border-radius: 16px;
}

/* ---- هدر ---- */
.tk_v3_modal_head {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: none;
  padding: 16px;
  border-bottom: 1px solid #E4E9E9;
}

.tk_v3_modal_h {
  flex: 1 1 auto;
  font-family: 'Estedad-FD';
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: right;
  color: #060707;
}

.tk_v3_modal_close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}

.tk_v3_modal_close:hover {
  background: #F5F6F6;
}

.tk_v3_modal_close img {
  width: 14px;
  height: 14px;
}

/* ---- بدنه ---- */
.tk_v3_modal_body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1 1 auto;
  position: relative; /* مرجعِ وسط‌چین‌کردنِ اسپینر */
  padding: 32px 24px 24px;
  overflow-x: hidden;
  overflow-y: auto;
}

.tk_v3_modal_ptitle {
  margin: 0;
  padding: 0 0 0 8px;
  font-family: 'Estedad-FD';
  font-weight: 400;
  font-size: 14px;
  line-height: 190%;
  letter-spacing: .015em;
  text-align: right;
  color: #060707;
}

.tk_v3_modal_ptitle:empty {
  display: none;
}

.tk_v3_modal_divider {
  flex: none;
  align-self: stretch;
  width: 100%;
  height: 1px;
  background: #E4E9E9;
}

.tk_v3_modal_product_id {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-self: stretch;
  width: 100%;
  min-height: 20px;
  gap: 8px;
  direction: ltr;
  font-family: 'Estedad-FD';
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
}

.tk_v3_modal_product_id_value {
  color: #2A4ACA;
  direction: rtl;
}

.tk_v3_modal_product_id_label {
  color: #394040;
  direction: rtl;
}

@media (max-width: 767px) {
  .tk_v3_modal_product_id {
    min-height: 17px;
    font-size: 12px;
  }
}

/* ---- جدول مشخصات ---- */
.tk_v3_specs_table {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.tk_v3_spec_row {
  display: flex;
  align-items: stretch;
  width: 100%;
  background: #F5F6F6;
}

.tk_v3_spec_row + .tk_v3_spec_row {
  border-top: 1px solid #E4E9E9;
}

/* راست: نامِ ویژگی (روی زمینه‌ی خاکستری ردیف) */
.tk_v3_spec_label {
  flex: none;
  width: 152px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
  font-family: 'Estedad-FD';
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: #394040;
}

/* چپ: مقدار (زمینه‌ی سفید، کشیده تا انتهای ردیف) */
.tk_v3_spec_value {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  background: #fff;
  text-align: right;
}

.tk_v3_spec_link {
  padding: 4px 0;
  font-family: 'Estedad-FD';
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #2A4ACA;
  text-decoration: none;
}

.tk_v3_spec_link:hover {
  text-decoration: underline;
  color: #2A4ACA;
}

.tk_v3_spec_text {
  font-family: 'Estedad-FD';
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #060707;
}

/* کی‌فریمِ مشترکِ tk-loading-spin در product-cat-v2.css داخلِ خودش
   translateX(-50%) دارد (برای ::after ی گرید که left:50% است) و هر المانِ
   دیگری را ۲۰px به چپ می‌کشد؛ پس اینجا کی‌فریمِ خالصِ چرخش لازم است. */
@keyframes tk-v3-spin {
  to { transform: rotate(360deg); }
}

.tk_v3_specs_loading {
  position: absolute;
  inset: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  background: url("https://teslakala.com/wp-content/themes/teslakala/icon/loading40.svg") center / contain no-repeat;
  animation: tk-v3-spin 0.8s linear infinite;
}

.tk_v3_specs_msg {
  margin: 0;
  padding: 24px 0;
  font-family: 'Estedad-FD';
  font-size: 13px;
  text-align: center;
  color: #7E928F;
}

@media only screen and (max-width: 767px) {
  /* روی موبایل تمام‌صفحه: نه حاشیه‌ی اطراف، نه گوشه‌ی گرد، نه بوردر */
  .tk_v3_modal_overlay {
    padding: 0;
  }

  .tk_v3_modal {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    border: 0;
    border-radius: 0;
  }

  .tk_v3_modal_body {
    padding: 24px 16px 16px;
    gap: 24px;
  }

  .tk_v3_spec_label {
    width: 132px;
  }
}

/* teslakala-filters-v3 */
/* =========================================================================
   Teslakala — سایدبار فیلترها V3
   طرح: Figma 13335:26485 (جمع‌شده) + 13219:14365 (بازشده) + 13220:12544/12473
   دامنه: فقط .tk-archive-v2  (صفحه‌ی برند .tk-brand-v2 استایل خودش را دارد)
   بعد از product-cat-v2.css لود می‌شود؛ هرجا آنجا !important بوده اینجا هم لازم است.

   ⚠️ مارک‌آپ را افزونه‌ی WOOF می‌سازد و JS قالب (product-cat-v2.js) برچسب‌های
      سه فیلترِ تاگل‌دار را بازنویسی می‌کند — پس فقط CSS، بدون تغییر ساختار.
   ========================================================================= */

.tk-archive-v2 .tk_shop_aside,
.tk-archive-v2 .tk_shop_filter,
.tk-archive-v2 .widget.widget-woof * {
  box-sizing: border-box;
}

/* ---------------------------------------------------------------- پوسته --- */
/* ⚠️ overflow اینجا نگذار: .tooltip_text (ارسال فوری / تحویل حضوری) عرض ۲۵۰px
   دارد و با right:220px عمداً از لبه‌ی چپ بیرون می‌زند — کلیپ می‌شود. */
.tk-archive-v2 .widget.widget-woof {
  padding: 0 0 16px;
  background: #FFFFFF;
  border: 1px solid #E4E9E9;
  border-radius: 0;
}

.tk-archive-v2 .woof.woof_sid.woof_sid_widget { margin-top: 0; }
.tk-archive-v2 .widget.widget-woof .woof_edit_view { display: none; }

/* ------------------------------------------------- تیتر «فیلترها» (بسته) --- */
.tk-archive-v2 #woof_widget-3 .sideboxtitle {
  display: flex;
  flex-direction: row; /* RTL → متن راست، آیکن چپ */
  align-items: center;
  justify-content: flex-start; /* RTL → گروهِ آیکن+متن به راست می‌چسبد */
  gap: 8px;
  height: 60px;
  margin: 0;
  padding: 16px 16px 16px 8px; /* RTL: راست ۱۶ / چپ ۸ */
  border-bottom: 1px solid #E4E9E9;
  font-family: 'Estedad-FD';
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #060707;
  text-align: right;
}

/* طرح: آیکن tune سمت راست و چسبیده به متن → در RTL یعنی ::before (فرزند اول).
   قاعده‌ی قدیمی همین ::before را با list.svg پر می‌کرد؛ فقط تصویرش عوض می‌شود. */
.tk-archive-v2 #woof_widget-3 .sideboxtitle::before {
  content: "";
  display: block !important;
  flex: 0 0 auto;
  order: -1;
  width: 16.3px;
  height: 16.3px;
  padding: 3.85px;
  margin: 0;
  background: url("https://teslakala.com/wp-content/themes/teslakala/icon/bv2-tune.svg") center / 20px 20px no-repeat;
}

/* ::after فقط در حالت باز (ضربدرِ بستن) معنا دارد، ::before فقط در حالت بسته */
.tk-archive-v2 #woof_widget-3 .sideboxtitle:not(.active)::after { display: none; }
.tk-archive-v2 #woof_widget-3 .sideboxtitle.active::before { display: none !important; }

/* ------------------------------------------------ ردیف فیلتر (۵۶px، بسته) --- */
.tk-archive-v2 .widget.widget-woof .woof_container {
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  box-shadow: none !important;
}

.tk-archive-v2 .widget.widget-woof .woof_container_inner { padding: 0; }

.tk-archive-v2 .widget.widget-woof .woof_container_inner > h4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  height: 56px;
  margin: 0 !important;
  padding: 16px 20px 16px 12px !important; /* RTL: راست ۲۰ / چپ ۱۲ */
  border: 0 !important;
  border-bottom: 1px solid #F5F6F6 !important;
  background: transparent;
  font-family: 'Estedad-FD' !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #060707 !important;
  text-align: right;
  cursor: pointer;
}

/* chevron_backward — با margin-left:auto به لبه‌ی چپ چسبانده می‌شود */
.tk-archive-v2 .widget.widget-woof .woof_container_inner > h4::after {
  content: "";
  position: static;
  flex: 0 0 auto;
  order: 9;
  width: 24px;
  height: 24px;
  margin: 0;
  margin-inline-start: auto; /* RTL → chevron به لبه‌ی چپ می‌چسبد */
  transform: none; /* قاعده‌ی قدیمی rotate(90deg) داشت */
  background: url("https://teslakala.com/wp-content/themes/teslakala/icon/filter-chevron-left.svg") center / 24px 24px no-repeat;
}

/* margin-bottom: 70px فقط برای جا بازکردن زیرِ فوترِ fixed در حالت باز است */
.tk-archive-v2 .widget.widget-woof:not(.active) .woof_redraw_zone { margin-bottom: 0; }

.tk-archive-v2 .widget.widget-woof .woof_container_inner > h4:hover {
  background: #F5F6F6;
}

/* نقطه‌ی «این فیلتر فعال است» — طرح: دایره‌ی ۸px قرمز، چسبیده به متن */
.tk-archive-v2 .widget.widget-woof .active_filter_dot,
.tk-archive-v2 .widget.widget-woof .pending_filter_dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin: 0;
  border-radius: 999px;
  background: #ED1C24;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

/* --------------------------------------------- ردیف‌های تاگل‌دار (۵۶px) --- */
.tk-archive-v2 .widget.widget-woof .woof_meta_checkbox_container.woof_container_checkbox_final_product_fast_shipping,
.tk-archive-v2 .widget.widget-woof .woof_meta_checkbox_container.woof_container_checkbox_in_person_delivery,
.tk-archive-v2 .widget.widget-woof .woof_checkbox_instock_container.woof_container_stock {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #F5F6F6;
}

.tk-archive-v2 .widget.widget-woof .woof_meta_checkbox_container.woof_container_checkbox_final_product_fast_shipping:hover,
.tk-archive-v2 .widget.widget-woof .woof_meta_checkbox_container.woof_container_checkbox_in_person_delivery:hover,
.tk-archive-v2 .widget.widget-woof .woof_checkbox_instock_container.woof_container_stock:hover {
  background: #F5F6F6;
}

.tk-archive-v2 .widget.widget-woof .woof_container_checkbox_final_product_fast_shipping > .woof_container_inner,
.tk-archive-v2 .widget.widget-woof .woof_container_checkbox_in_person_delivery > .woof_container_inner,
.tk-archive-v2 .widget.widget-woof .woof_container_stock > .woof_container_inner {
  position: relative;
  display: flex;
  align-items: center;
  height: 56px;
  padding: 16px 20px 16px 12px;
  font-size: 0; /* &nbsp;های داخل مارک‌آپِ WOOF را خنثی می‌کند */
}

/* <br> پایانیِ WOOF ارتفاع اضافه می‌سازد */
.tk-archive-v2 .widget.widget-woof .woof_container_checkbox_final_product_fast_shipping > .woof_container_inner br,
.tk-archive-v2 .widget.widget-woof .woof_container_checkbox_in_person_delivery > .woof_container_inner br,
.tk-archive-v2 .widget.widget-woof .woof_container_stock > .woof_container_inner br { display: none; }

.tk-archive-v2 .widget.widget-woof .woof_container_checkbox_final_product_fast_shipping > .woof_container_inner > label,
.tk-archive-v2 .widget.widget-woof .woof_container_checkbox_in_person_delivery > .woof_container_inner > label,
.tk-archive-v2 .widget.widget-woof .woof_container_stock > .woof_container_inner > label {
  position: static !important;
  display: flex !important;
  flex-direction: row; /* RTL → متن راست، تاگل چپ */
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible;
  font-family: 'Estedad-FD' !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #060707 !important;
  cursor: pointer;
}

.tk-archive-v2 .widget.widget-woof .woof_container_inner > label > span {
  display: inline-flex;
  align-items: center;
  gap: 0;
}

/* تاگل — Component 2: محدوده‌ی تعاملی ۳۶×۳۶؛ آیکن toggle_off داخل آن
   ۳۱.۵×۱۶.۵ و Gray/200 است. */
.tk-archive-v2 .widget.widget-woof .toggle-switch {
  position: relative !important; /* ::before با absolute به همین باید تکیه کند */
  flex: 0 0 auto;
  top: auto;
  left: auto;
  width: 36px;
  height: 36px;
  border-radius: 0;
  background: transparent !important;
}

/* حالت فعال. بدونِ این، قاعده‌ی «فقط کالاهای موجود» در product-cat-v2.css
   (`.woof_checkbox_instock:checked+label .toggle-switch` = 0,3,0) به قاعده‌ی
   پایه‌ی بالا (0,4,0) می‌بازد و خاکستری می‌ماند؛ دو تاگل دیگر چون با سلکتورِ id
   نوشته شده‌اند (1,2,0) برنده می‌شوند. اینجا هر سه یک‌جا پوشش داده می‌شوند. */
.tk-archive-v2 .widget.widget-woof input:checked + label .toggle-switch {
  background: transparent !important;
}

.tk-archive-v2 .widget.widget-woof .toggle-switch::after {
  content: "";
  position: absolute;
  left: 2.25px;
  top: 9.75px;
  width: 31.5px;
  height: 16.5px;
  border-radius: 999px;
  background: #CCD5D3;
  transition: background .15s ease;
}

.tk-archive-v2 .widget.widget-woof .toggle-switch::before {
  top: 14px !important;
  left: 6.25px !important;
  right: auto !important;
  width: 8px !important;
  height: 8px !important;
  z-index: 1;
  transition: left .15s ease, right .15s ease;
}

.tk-archive-v2 .widget.widget-woof input:checked + label .toggle-switch::after {
  background: #060707;
}

.tk-archive-v2 .widget.widget-woof input:checked + label .toggle-switch::before {
  left: auto !important;
  right: 6.25px !important;
}

/* آیکن‌های کنار برچسب (کامیون / فروشگاه) و تولتیپ */
.tk-archive-v2 .widget.widget-woof .woof_container_inner > label img {
  width: 20px;
  height: 20px;
  margin-right: 8px !important;
  vertical-align: middle;
}

.tk-archive-v2 .widget.widget-woof .woof_container_inner > label .tooltip_img {
  width: 16px;
  height: 16px;
  opacity: .55;
}

/* =========================================================================
   حالت باز — «مودال فیلترها» (Figma 13219:14365)
   ========================================================================= */
/* بدون این، درایور زیر هدرِ fixed سایت می‌ماند (توضیح بالای فایل patch) */
.tk-archive-v2 .tk_archive_container_side:has(.widget.widget-woof.active) {
  position: static;
  z-index: auto;
}

/* والد مستقیم فیلتر در حالت بسته sticky است. در حالت drawer نباید stacking
   context بسازد، وگرنه مودال fixed با وجود z-index بالا زیر overlay/header می‌ماند. */
.tk-archive-v2 #woof_widget-3:has(> .widget.widget-woof.active) {
  position: static;
  z-index: auto;
}

.tk-archive-v2 .widget.widget-woof.active {
  width: 345px;
  max-width: calc(100% - 36px);
  height: 100%;
  top: 0;
  right: 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #FFFFFF;
  border: 0;
  border-left: 1px solid #E4E9E9;
  border-radius: 0;
}

.tk-archive-v2 .widget.widget-woof.active::-webkit-scrollbar { width: 8px; }
.tk-archive-v2 .widget.widget-woof.active::-webkit-scrollbar-track { background: transparent; }
.tk-archive-v2 .widget.widget-woof.active::-webkit-scrollbar-thumb {
  background: #7E928F;
  border-radius: 999px;
}

/* ---- هدر: عنوان راست، دکمه‌ی بستنِ گرد چپ ---- */
.tk-archive-v2 #woof_widget-3 .sideboxtitle.active {
  position: sticky;
  top: 0;
  z-index: 5;
  justify-content: space-between; /* عنوان راست، ضربدر لبه‌ی چپ */
  gap: 16px;
  height: auto;
  min-height: 64px;
  margin: 0;
  padding: 6px 24px 6px 16px; /* RTL: راست ۲۴ / چپ ۱۶ */
  border-bottom: 1px solid #E4E9E9;
  font-weight: 500;
  font-size: 18px;
}

.tk-archive-v2 #woof_widget-3 .sideboxtitle.active::after {
  content: "";
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  margin: 0;
  border-radius: 999px;
  background: url("https://teslakala.com/wp-content/themes/teslakala/icon/x.svg") center / 24px 24px no-repeat;
  transition: background-color .15s ease;
}

.tk-archive-v2 #woof_widget-3 .sideboxtitle.active:hover::after {
  background-color: #F5F6F6;
}

/* ---- بدنه ---- */
.tk-archive-v2 .widget.widget-woof.active .woof_redraw_zone {
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  min-height: 0 !important;
  height: auto !important;
  gap: 16px;
  padding: 24px 16px;
  margin: 0 0 64px;
}

.tk-archive-v2 .widget.widget-woof.active .woof_container {
  display: flex;
  flex-direction: column;
}

/* عنوان گروه — بدون کادر و بدون chevron */
.tk-archive-v2 .widget.widget-woof.active .woof_container_inner > h4 {
  height: auto;
  padding: 0 16px 0 0 !important;
  margin: 0 0 12px !important;
  border-bottom: 0 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  cursor: default;
}

.tk-archive-v2 .widget.widget-woof.active .woof_container_inner > h4:hover { background: transparent; }
.tk-archive-v2 .widget.widget-woof.active .woof_container_inner > h4::after { display: none; }

/* کادر خاکستریِ گزینه‌ها
   ⚠️ display اینجا ست نمی‌شود: jQuery .show()/.hide() آن را inline می‌نویسد و
   inline از هر قاعده‌ی غیر-!important قوی‌تر است؛ !important هم .hide() را می‌شکند. */
.tk-archive-v2 .widget.widget-woof.active .woof_block_html_items {
  padding: 8px 12px 16px;
  background: #F5F6F6;
  border: 0;
  border-radius: 4px;
}

/* تک‌ستونی طبق طرح. overflow:hidden لازم است — checkheight() در
   product-cat-v2.js برای «مشاهده بیشتر» روی همین <ul> height:96px می‌گذارد. */
.tk-archive-v2 .widget.widget-woof.active .woof_list.woof_list_checkbox {
  display: block;
  width: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tk-archive-v2 .widget.widget-woof.active .woof_list.woof_list_checkbox > li {
  display: flex;
  align-items: center;
  min-width: 0;
  width: 100%;
  margin: 0 !important;
  padding: 2px 4px !important;
  line-height: 1.4;
  white-space: normal;
}

.tk-archive-v2 .widget.widget-woof.active .woof_list.woof_list_checkbox .woof_childs_list {
  width: 100%;
  padding: 0 20px 0 0;
  list-style: none;
}

.tk-archive-v2 .widget.widget-woof.active .woof_list label,
.tk-archive-v2 .widget.widget-woof.active .woof_checkbox_label {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-family: 'Estedad-FD';
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.4;
  color: #060707;
  cursor: pointer;
}

.tk-archive-v2 .widget.widget-woof.active .woof_checkbox_count {
  flex: 0 0 auto;
  font-size: 12px;
  color: #7E928F;
}

/* چک‌باکس: ظاهرش از قبل در product-cat-v2.css:1750 مطابق طرح است
   (مربع، بدون گردی، خطِ #060707، :checked مشکی با تیکِ سفید) — دست نمی‌زنیم.
   فقط فاصله‌ی ۸px تا برچسب طبق طرح. */
.tk-archive-v2 .widget.widget-woof.active .woof_list input[type="checkbox"] {
  flex: 0 0 auto;
  margin: 0 0 0 8px;
  cursor: pointer;
}

/* ---- «مشاهده بیشتر» ---- */
.tk-archive-v2 .widget.widget-woof.active .showmore {
  display: inline-flex;
  flex-direction: row; /* RTL → متن راست، chevron چپ */
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  height: 40px;
  margin: 8px 0 0;
  padding: 8px 12px 8px 8px; /* RTL: راست ۱۲ / چپ ۸ */
  background: #E4E9E9;
  border-radius: 2px;
  font-family: 'Estedad-FD';
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #060707;
  cursor: pointer;
}

.tk-archive-v2 .widget.widget-woof.active .showmore:hover { background: #CCD5D3; }

.tk-archive-v2 .widget.widget-woof.active .showmore img {
  width: 20px !important;
  height: 20px;
  vertical-align: middle;
}

/* ---- فوتر ثابت ---- */
.tk-archive-v2 .widget.widget-woof.active ~ .woof_submit_search_form_container,
.tk-archive-v2 .woof_submit_search_form_container {
  right: 0;
  bottom: 0;
  left: auto;
  width: 345px;
  max-width: calc(100% - 36px);
  margin: 0;
  padding: 12px 16px;
  background: #FFFFFF;
  border-top: 1px solid #E4E9E9;
  text-align: initial;
}

.tk-archive-v2 .widget.widget-woof.active .woof_submit_search_form_container {
  display: flex !important;
  flex-direction: row; /* RTL → «حذف فیلترها» راست، «نمایش نتایج» چپ */
  align-items: center;
  gap: 16px;
}

.tk-archive-v2 button.button.woof_submit_search_form {
  flex: 1 1 auto;
  order: 2;
  width: auto !important;
  min-width: 0;
  max-width: none !important;
  height: 40px !important;
  margin: 0;
  padding: 8px 24px !important;
  background: #FF9900 !important;
  border-radius: 2px !important;
  font-family: 'Estedad-FD' !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #060707 !important;
}

.tk-archive-v2 button.button.woof_submit_search_form:hover {
  background: #FFBD1B !important;
}

.tk-archive-v2 button.button.woof_reset_search_form {
  flex: 0 0 auto;
  order: 1;
  min-width: 96px;
  width: auto;
  height: 40px;
  margin: 0;
  padding: 8px 16px;
  background: transparent;
  border-radius: 2px;
  font-family: 'Estedad-FD';
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #060707;
}

.tk-archive-v2 button.button.woof_reset_search_form:hover { background: #F5F6F6; }
.tk-archive-v2 button.button.woof_reset_search_form:disabled { color: #CCD5D3 !important; background: transparent; }

/* در حالت باز، سه فیلترِ تاگل‌دار مخفی‌اند (قاعده‌ی موجود) — حاشیه‌شان هم نباید بماند */
.tk-archive-v2 .widget.widget-woof.active .woof_meta_checkbox_container,
.tk-archive-v2 .widget.widget-woof.active .woof_checkbox_instock_container { border-bottom: 0; }

/* --------------------------------------------------------------- موبایل --- */
@media only screen and (max-width: 767px) {
  .tk-archive-v2 .widget.widget-woof.active,
  .tk-archive-v2 .woof_submit_search_form_container {
    width: 100%;
    max-width: 100%;
  }
}

/* =========================================================================
   تطبیق دقیق با طرح موبایل — Figma 14409:15870
   ------------------------------------------------------------------------
   اعداد مستقیم از فریمِ Mobile گرفته شده‌اند. مقادیرِ Figma در دستگاهِ LTR
   نوشته شده‌اند (pl/pr)، اینجا به فیزیکیِ RTL برگردانده شده: pr-24 => راست ۲۴،
   pl-16 => چپ ۱۶. فقط موبایل؛ درawer دسکتاپ دست‌نخورده می‌ماند.
   ========================================================================= */
@media only screen and (max-width: 767px) {

  /* ---- هدر: عنوان 16/500، ضربدرِ ۱۴px داخل کادرِ ۵۲ ---- */
  .tk-archive-v2 #woof_widget-3 .sideboxtitle.active {
    font-size: 16px;
  }

  .tk-archive-v2 #woof_widget-3 .sideboxtitle.active::after {
    background-size: 14px 14px;
  }

  /* ---- ردیفِ گروه (۵۶px) ---- */
  .tk-archive-v2 .widget.widget-woof .woof_container_inner > h4 {
    padding: 16px 24px 16px 16px !important;
    font-size: 14px !important;
  }

  /* ---- ردیف‌های تاگل‌دار ---- */
  .tk-archive-v2 .widget.widget-woof .woof_container_checkbox_final_product_fast_shipping > .woof_container_inner,
  .tk-archive-v2 .widget.widget-woof .woof_container_checkbox_in_person_delivery > .woof_container_inner,
  .tk-archive-v2 .widget.widget-woof .woof_container_stock > .woof_container_inner {
    padding: 16px 24px 16px 16px;
  }

  .tk-archive-v2 .widget.widget-woof .woof_container_checkbox_final_product_fast_shipping > .woof_container_inner > label,
  .tk-archive-v2 .widget.widget-woof .woof_container_checkbox_in_person_delivery > .woof_container_inner > label,
  .tk-archive-v2 .widget.widget-woof .woof_container_stock > .woof_container_inner > label {
    font-size: 14px !important;
  }

  /* ---- بدنه‌ی حالتِ باز: بدون کادر خاکستری، پدینگِ ۱۶/۲۴/۱۶/۳۲ ---- */
  .tk-archive-v2 .widget.widget-woof.active .woof_redraw_zone {
    gap: 0;
    padding: 16px 24px 16px 32px;
  }

  .tk-archive-v2 .widget.widget-woof.active .woof_block_html_items {
    padding: 0;
    background: transparent;
    border-radius: 0;
  }

  /* ---- آیتمِ چک‌باکس — کامپوننتِ Figma «Check-box»، نسخه‌ی موبایل ----
     تفاوتش با دسکتاپ فقط دو چیز است: ارتفاع ۴۰ و padding 6px 4px.
     (۴۰ − ۶×۲ = ۲۸ = ارتفاعِ Frame 430)
     min-height به‌جای height: در موبایل li ها white-space: normal دارند و
     نامِ بلندِ ترم‌ها می‌شکند؛ با ارتفاعِ ثابت متن از کادر بیرون می‌زد. */
  .tk-archive-v2 .widget.widget-woof.active .woof_list.woof_list_checkbox > li {
    box-sizing: border-box;
    gap: 8px;
    min-height: 40px;
    padding: 6px 4px !important;
    border-radius: 4px;
  }

  /* اسلاتِ آیکن ۲۸ = مربعِ ۱۹.۸۳ + مارجینِ افقی ۴.۰۹
     (مارجینِ منفیِ inline ی WOOF روی .woof_checkbox_term هم همین‌جا خنثی می‌شود) */
  .tk-archive-v2 .widget.widget-woof.active input.woof_checkbox_term {
    flex: 0 0 19.83px;
    margin: 0 4.09px !important;
    background: transparent;
  }

  /* بدون این، سلکتورِ بالا (specificity بیشتر) حالتِ تیک‌خورده را هم شفاف می‌کرد */
  .tk-archive-v2 .widget.widget-woof.active input.woof_checkbox_term:checked {
    background: #060707;
  }

  .tk-archive-v2 .widget.widget-woof.active .woof_list.woof_list_checkbox > li > label {
    margin: 0;
    padding: 0;
    font-family: 'Estedad-FD';
    font-weight: 400;
    font-size: 14px !important;
    line-height: 1.4;
    color: #060707;
    text-align: right;
  }

  /* ---- فوتر: بالا ۱۲ / پایین ۱۶ ---- */
  .tk-archive-v2 .woof_submit_search_form_container {
    padding: 12px 16px 16px;
  }
}


/* =========================================================================
   مودال فیلترِ موبایل — تکمیلِ تطبیق با Figma 14409:15870
   ========================================================================= */
@media only screen and (max-width: 767px) {

  /* ---- هدرِ حالتِ لیست: آیکنِ tune نداریم، ضربدر داریم ---- */
  .tk-archive-v2 #woof_widget-3 .sideboxtitle::before {
    display: none !important;
  }

  .tk-archive-v2 #woof_widget-3 .sideboxtitle {
    justify-content: space-between;
    height: auto;
    min-height: 64px;
    padding: 6px 24px 6px 16px;
    font-weight: 500;
    font-size: 16px;
  }

  .tk-archive-v2 #woof_widget-3 .sideboxtitle.popup_active::after {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    margin: 0;
    border-radius: 999px;
    /* گلیفِ داخلِ x.svg فقط ۱۱.۳۰۷ از ویوباکسِ ۲۴ است؛ برای گلیفِ ۱۴px طرح
       باید خودِ فایل در 24 × 14/11.307 = 29.7px رندر شود. */
    background: url("https://teslakala.com/wp-content/themes/teslakala/icon/x.svg") center / 29.7px 29.7px no-repeat;
  }

  /* ---- هدرِ حالتِ بازشده: دکمه‌های واقعی جای شبه‌المان ---- */
  .tk-archive-v2 #woof_widget-3 .sideboxtitle.active::after {
    display: none;
  }

  .tk-archive-v2 #woof_widget-3 .sideboxtitle.active {
    gap: 0;
  }

  .tk-archive-v2 .sideboxtitle .tk_v2_fh_back,
  .tk-archive-v2 .sideboxtitle .tk_v2_fh_close {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
  }

  /* گلیفِ rightarrow.svg در اندازه‌ی طبیعیِ ۲۴px برابرِ ۱۸.۲×۱۲.۵۵ می‌شود —
     دقیقاً همان اندازه‌ی east در طرح. */
  .tk-archive-v2 .sideboxtitle .tk_v2_fh_back {
    background-image: url("https://teslakala.com/wp-content/themes/teslakala/icon/rightarrow.svg");
    background-size: 24px 24px;
  }

  .tk-archive-v2 .sideboxtitle .tk_v2_fh_close {
    background-image: url("https://teslakala.com/wp-content/themes/teslakala/icon/x.svg");
    background-size: 29.7px 29.7px;
  }

  .tk-archive-v2 .sideboxtitle .tk_v2_fh_title {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-width: 0;
    padding: 0 16px;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #060707;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /* ---- تاگل‌ها: هر سه دقیقاً روی لبه‌ی چپ، هم‌تراز با chevronها ----
     چیدمانِ داخلیِ لیبل در سه ردیف فرق دارد (آیکن/تولتیپ)، پس به‌جای تکیه بر
     space-between، تاگل به لبه پین می‌شود. ردیف از قبل position:relative است. */
  .tk-archive-v2 .widget.widget-woof .woof_container_checkbox_final_product_fast_shipping .toggle-switch,
  .tk-archive-v2 .widget.widget-woof .woof_container_checkbox_in_person_delivery .toggle-switch,
  .tk-archive-v2 .widget.widget-woof .woof_container_stock .toggle-switch {
    position: absolute !important;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
  }

  /* ---- فوتر: در حالتِ لیست هم باید flex باشد، وگرنه «نمایش نتایج» کش نمی‌آید
     (قاعده‌ی flex فقط پشتِ .active بود و حالتِ لیست .active ندارد) ---- */
  .tk-archive-v2 .woof_submit_search_form_container {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }

  /* طرح: «حذف فیلترها» مشکی است نه قرمز */
  .tk-archive-v2 .woof_submit_search_form_container button.button.woof_reset_search_form {
    position: static !important;
    width: auto;
    height: 40px;
    color: #060707;
    font-size: 14px;
  }
}

/* =========================================================================
   مودال فیلترِ موبایل — رفعِ تداخل‌ها با قواعدِ !important در product-cat-v2.css
   ========================================================================= */
@media only screen and (max-width: 767px) {

  /* ---- هدر: 16/500 (قاعده‌ی پایه 700 است) ---- */
  .tk-archive-v2 #woof_widget-3 .sideboxtitle,
  .tk-archive-v2 #woof_widget-3 .sideboxtitle.active {
    font-weight: 500 !important;
    font-size: 16px !important;
  }

  /* ---- تاگل‌ها هم‌تراز روی ۱۶px ----
     product-cat-v2.css در همین بریک‌پوینت برای «موجودی» left:8px و برای دو
     تای دیگر left:24px می‌گذارد، هر دو !important. */
  .tk-archive-v2 .widget.widget-woof .woof_checkbox_instock_container .toggle-switch,
  .tk-archive-v2 .widget.widget-woof .woof_container_checkbox_in_person_delivery .toggle-switch,
  .tk-archive-v2 .widget.widget-woof .woof_container_checkbox_final_product_fast_shipping .toggle-switch {
    left: 16px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* ---- حالتِ بازشده: فقط گروهِ انتخاب‌شده ----
     filters-v3 خودش بالاتر روی همه‌ی .woof_container در حالت active
     display:flex می‌گذارد (0,4,0) و قاعده‌ی «بقیه مخفی» (0,3,0) را می‌شکند. */
  .tk-archive-v2 .widget.widget-woof.active .woof_container {
    display: none !important;
  }

  .tk-archive-v2 .widget.widget-woof.active .woof_container.active {
    display: flex !important;
  }

  /* عنوانِ گروه به هدر منتقل شده، پس داخل بدنه تکرار نشود */
  .tk-archive-v2 .widget.widget-woof.active .woof_container.active > .woof_container_inner > h4 {
    display: none !important;
  }

  /* ---- بدنه: پدینگِ طرح، بدون اسکرولِ داخلی ----
     product-cat-v2.css روی ul.woof_list ارتفاعِ ثابتِ calc(100vh - 230px) و
     overflow:scroll می‌گذارد؛ طرح اسکرولِ داخلی ندارد. */
  .tk-archive-v2 .widget.widget-woof.active .woof_redraw_zone {
    gap: 0;
    padding: 16px 24px 16px 32px;
    margin: 0 0 68px;
  }

  .tk-archive-v2 .widget.widget-woof.active ul.woof_list {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* ---- ردیفِ چک‌باکس: طرح خطِ جداکننده ندارد ---- */
  .tk-archive-v2 .widget.widget-woof.active .woof_list.woof_list_checkbox > li {
    border-bottom: 0 !important;
  }

  /* ---- «حذف فیلترها» مشکی است نه قرمز ---- */
  .tk-archive-v2 .woof_submit_search_form_container button.button.woof_reset_search_form {
    color: #060707 !important;
  }
}

/* =========================================================================
   فوترِ مودالِ موبایل — Figma: ارتفاع ۶۸ (12/16/16)، gap ۱۶،
   «نمایش نتایج» flex-grow:1 و «حذف فیلترها» min-width ۹۶
   ------------------------------------------------------------------------
   product-cat-v2.css در همین بریک‌پوینت به کانتینر
   `width: calc(100% - 32px) !important; right: 0 !important` می‌دهد، یعنی کل
   فوتر ۳۲px از لبه‌ی چپ عقب می‌افتد و دکمه‌ی نارنجی تا لبه کش نمی‌آید.
   ========================================================================= */
@media only screen and (max-width: 767px) {

  .tk-archive-v2 .woof_submit_search_form_container {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 16px 16px !important;
    gap: 16px;
    align-items: center;
  }

  .tk-archive-v2 button.button.woof_submit_search_form {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    padding: 8px 24px !important;
    border-radius: 2px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
  }

  .tk-archive-v2 button.button.woof_reset_search_form {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 96px !important;
    height: 40px !important;
    padding: 8px 16px !important;
    border-radius: 2px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
  }
}


/* =========================================================================
   آیتمِ چک‌باکسِ سایدبارِ دسکتاپ — طبق کامپوننتِ Figma «Check-box»
   ------------------------------------------------------------------------
   نگاشتِ دامپِ Figma به DOM ی WOOF (<li> > <input> + <label>):
     Check-box  104×32، padding 2px 4px، radius 4     → روی <li>
     Frame 430  ردیف، gap 8، ارتفاع 28                → همان <li> (بدون رَپر)
     Icons      اسلاتِ 28×28                          → margin افقیِ 4.09 روی input
     check_box_outline_blank  inset 14.58٪ از 28      → 19.83px (همان مقدارِ فعلی)
     برچسب      Estedad-FD 400 / 14px / 140٪ / #060707
   مودالِ موبایل بیرونِ این مدیا-کوئری است و دست‌نخورده می‌ماند.

   ⚠️ استایلِ inline ی WOOF این‌ها را می‌دهد و باید شکست بخورند:
        .woof_list li { padding: 0 !important }
        .woof_list label { font-size: 13px }
        .woof_checkbox_term { margin-top: -10px }
   ========================================================================= */
@media only screen and (min-width: 768px) {

  .tk-archive-v2 .widget.widget-woof .woof_list.woof_list_checkbox > li {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    /* min-height نه height: لیبلِ دوخطی باید ردیف را با همان padding بزرگ کند */
    min-height: 32px;
    padding: 2px 4px !important;
    border-radius: 4px;
    line-height: normal;
  }

  /* Hover باید Hug باشد: کادر فقط متن و checkbox را بگیرد، نه تمام عرض پنل. */
  .tk-archive-v2 .widget.widget-woof.active .woof_list.woof_list_checkbox > li {
    width: fit-content !important;
    max-width: 100%;
  }

  .tk-archive-v2 .widget.widget-woof.active .woof_list.woof_list_checkbox > li > label {
    flex: 0 1 auto;
  }

  /* مربعِ رسم‌شده همان ۱۹.۸۳ می‌ماند؛ مارجینِ افقی اسلاتِ ۲۸ را می‌سازد
     (و mارجینِ منفیِ inline ی WOOF را هم خنثی می‌کند) */
  .tk-archive-v2 .widget.widget-woof input.woof_checkbox_term {
    flex: 0 0 19.83px;
    margin: 0 4.09px !important;
    background: transparent;
  }

  /* بدون این، سلکتورِ بالا (specificity بیشتر) حالتِ تیک‌خورده را هم شفاف می‌کرد */
  .tk-archive-v2 .widget.widget-woof input.woof_checkbox_term:checked {
    background: #060707;
  }

  .tk-archive-v2 .widget.widget-woof .woof_list.woof_list_checkbox > li > label {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    font-family: 'Estedad-FD';
    font-weight: 400;
    font-size: 14px !important;
    line-height: 1.4;
    color: #060707;
    text-align: right;
  }

  /* هاورِ آیتم — Fill: Gray/100 (radius را خودِ li دارد) */
  .tk-archive-v2 .widget.widget-woof .woof_list.woof_list_checkbox > li:hover {
    background: #E4E9E9;
  }
}

/* teslakala-product-request */
/* =========================================================================
   Product Request — modal + OTP + toast  (Figma 13335/13339)
   ========================================================================= */
.tk_pr_modal { position: fixed; inset: 0; z-index: 100000; font-family: 'Estedad-FD', 'Estedad', sans-serif; }
.tk_pr_overlay { position: absolute; inset: 0; background: #060707;
  opacity: 0.32; }
.tk_pr_dialog {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: min(416px, calc(100% - 32px)); max-height: calc(100% - 32px); overflow-y: auto;
  background: #fff; border: 2px solid #E4E9E9; border-radius: 16px; box-sizing: border-box; direction: rtl;
  box-shadow: 0 12px 40px rgba(6, 7, 7, 0.2);
}

/* ---- head ---- */
.tk_pr_head { display: flex; flex-direction: row; align-items: center; justify-content: space-between;
  padding: 16px; border-bottom: 1px solid #E4E9E9; }
.tk_pr_title { font-weight: 700; font-size: 18px; line-height: 1.4; color: #060707; }
.tk_pr_close {
  width: 40px; height: 40px; background: none; border: 0; border-radius: 999px; cursor: pointer;
  font-size: 24px; line-height: 1; color: #060707; display: flex; align-items: center; justify-content: center; padding: 0;
}
.tk_pr_close:hover { background: #F5F6F6; }

/* ---- form ---- */
.tk_pr_form { padding: 32px 24px 24px; display: flex; flex-direction: column; gap: 32px; }
.tk_pr_field { position: relative; }
.tk_pr_label {
  position: absolute; top: -12px; right: 8px; background: #fff; padding: 0 4px; z-index: 1;
  font-size: 14px; font-weight: 400; line-height: 1.4; color: #060707;
  pointer-events: none; transition: top .15s ease, font-size .15s ease, color .15s ease;
}
/* خالی و غیرفوکوس → لیبل داخل فیلد مثل placeholder (خاکستری، ۱۶px) */
.tk_pr_input:placeholder-shown:not(:focus) ~ .tk_pr_label {
  top: 19px; right: 12px; padding: 0; background: transparent;
  font-size: 16px; font-weight: 500; color: #7E928F;
}
.tk_pr_input {
  box-sizing: border-box !important;
  width: 100% !important;
  border: 2px solid #060707 !important;
  border-radius: 4px !important;
  padding: 20px 12px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #060707 !important;
  background: #fff !important;
  outline: none !important;
  text-align: right !important;
  margin: 0 !important;
}
.tk_pr_input:focus { border-color: #FF9900; }
.tk_pr_input::placeholder { color: #7E928F; font-weight: 500; }
.tk_pr_textarea { resize: vertical; min-height: 98px; border-color: #394040; }
.tk_pr_input.tk_pr_invalid { border-color: #ED1C24; }

.tk_pr_note {
  background: #F5F6F6; border-radius: 8px; padding: 12px 16px; text-align: right;
  font-size: 14px; line-height: 1.9; color: #060707;
}
.tk_pr_error { font-size: 13px; color: #ED1C24; text-align: right; }
.tk_pr_submit {
  width: 100%; height: 56px; border: 0; border-radius: 999px; cursor: pointer; box-sizing: border-box;
  background: #FF9900; color: #060707; font-family: 'Estedad-FD'; font-weight: 500; font-size: 16px;
  display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 8px;
}
.tk_pr_submit:hover { background: #F08C00; }
.tk_pr_submit:disabled { background: #CCD5D3; color: #7E928F; cursor: default; }
.tk_pr_submit:disabled:hover { background: #CCD5D3; }
/* موقع لودینگ دکمه نارنجی می‌ماند (مثل سایت) + لودر تیره روی آن */
.tk_pr_submit.is-loading:disabled { background: #FF9900; color: #060707; }
/* لودر دکمه — همان استایل .tk_loader سایت */
.tk_pr_submit .tk_loader {
  border: 2px solid transparent; border-top: 2px solid currentColor; border-right: 2px solid currentColor;
  border-left: 2px solid currentColor; border-radius: 50%; width: 16px; height: 16px;
  box-sizing: border-box; animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ---- OTP step ----
   ظاهر از header.css (کلاس‌های مدال ورود) می‌آید. اینجا فقط قابِ مدال هم‌اندازه‌ی
   مدال ورود می‌شود؛ هیچ استایلِ محتوایی نوشته نمی‌شود تا دو ظاهر واگرا نشوند. */
.tk_pr_step_otp { padding: 0; }
/* هندسه‌ی قاب هم دقیقاً مدال ورود: بالای ۸۰، عرض ۴۱۲، وسط‌چین.
   min-width لازم است چون بلوکِ <=1024 قاب را به bottom-sheet تبدیل می‌کند. */
@media (min-width: 768px) {
  .tk_pr_dialog.tk_pr_dialog_otp {
    top: 80px; bottom: auto; left: 50%; right: auto;
    transform: translateX(-50%);
    box-sizing: content-box;
    width: 412px; max-width: calc(100% - 32px);
    max-height: calc(100vh - 160px);
    border: 1px solid #CCD5D3; border-radius: 8px;
  }
}
.tk_pr_step_otp .tk_login_modal_back_icon { margin: 0; }
.tk_pr_otp_timer a { color: #2A4ACA; font-weight: 500; cursor: pointer; }

/* ---- toast ---- */
.tk_pr_toast {
  position: fixed; left: 50%; top: 40px; transform: translateX(-50%); z-index: 100001;
  width: min(560px, calc(100% - 32px)); box-sizing: border-box; direction: rtl;
  background: #060707; border-radius: 12px; padding: 16px; color: #fff;
  display: flex; flex-direction: row; align-items: center; gap: 12px;
  box-shadow: 0 12px 40px rgba(6, 7, 7, 0.35); font-family: 'Estedad-FD', sans-serif;
  opacity: 0; transition: opacity .25s ease, transform .25s ease;
}
.tk_pr_toast.show { opacity: 1; }
.tk_pr_toast_icon { flex: 0 0 auto; width: 32px; height: 32px; display: block; }
.tk_pr_toast_text { display: flex; flex-direction: column; gap: 4px; text-align: right; }
.tk_pr_toast_title { font-weight: 700; font-size: 15px; color: #fff; }
.tk_pr_toast_sub { font-size: 12px; color: #B9C2C0; line-height: 1.6; }

/* ---- mobile: bottom sheet ---- */
@media (max-width: 1024px) {
  .tk_pr_dialog {
    left: 0; right: 0; bottom: 0; top: auto; transform: none;
    width: 100%; max-width: 100%; max-height: 90vh;
    border-radius: 16px 16px 0 0;
  }
  .tk_pr_toast { top: 12px; }
}

@media (max-width: 767px) {
  .tk_pr_dialog.tk_pr_dialog_otp {
    top: 0; left: 0; right: 0; bottom: auto;
    width: 100%; max-width: 100%; height: 100%; max-height: 100vh;
    border: none; border-radius: 0; transform: none;
  }
}

/* Keep each OTP digit centered despite inherited RTL input styles. */
.tk_pr_step_otp .tk_otp_boxes input.tk_pr_otp_digit {
  text-align: center !important;
  padding: 0 !important;
  text-indent: 0;
  direction: ltr;
}