* {
    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;
    height: 39px;
    padding: 16px;
    border-bottom: 1px solid #E4E9E9;
}

.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-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 {
    overflow-x: auto;
    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 auto;
    width: 155.5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px 24px 16px;
    border: 1px solid #F5F6F6;
    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: cover;
}
.tk-archive-v2 .sub_category_list .subcategory_button span:not(.subcategory_thumb) {
    font-size: 12px;
    font-weight: 500;
    color: var(--tk-ink2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px;
    line-height: 180%;
}

.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: sticky;
    top: 126px;
    background: #fff;
    border: 1px solid #E4E9E9;
    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'; 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'; 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;
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px;
    padding: 56px 24px; background: #fff; border: 1px solid var(--tk-line); border-radius: var(--tk-radius);
}
.tk-archive-v2 .tk_v2_empty_icon { width: 96px; margin-bottom: 8px; }
.tk-archive-v2 .tk_v2_empty_title { font-size: 18px; font-weight: 800; color: var(--tk-ink); }
.tk-archive-v2 .tk_v2_empty_sub { font-size: 14px; color: var(--tk-muted); }
.tk-archive-v2 .tk_v2_empty_btn {
    margin-top: 8px; display: inline-flex; align-items: center; gap: 8px;
    background: var(--tk-orange); color: #fff; border: none; cursor: pointer;
    font-size: 14px; font-weight: 700; padding: 12px 28px; border-radius: 100px;
}
.tk-archive-v2 .tk_v2_empty_btn img { width: 16px; filter: brightness(0) invert(1); }

/* ---------- 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 { list-style: none; margin: 0; padding: 0; }

.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);
    }
}