/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* =========================================================
   فهرست بخش‌ها
   ---------------------------------------------------------
   01. متغیرها (Design Tokens)
   02. پایه و عمومی
   03. عنوان/زیرعنوان مشترک شورت‌کدها
   04. کروسل پروژه‌ها (related_projects + product_projects)
   05. آکاردئون سوالات متداول (product_faq)
   06. گالری پروژه (project_gallery)
   07. صفحه محصول تکی
   08. بنرها و المنتور عمومی
   09. گرید موزاییکی دسته‌بندی‌ها (d9fe791)
   10. بلاگ / تصاویر پست / کروسل مقالات
   11. فهرست مطالب (Table of Contents)
   12. المان‌های محصولات (fe2f990 / 1a34b4c)
   13. واکنش‌گرا (Responsive)
   ========================================================= */


/* =========================================================
   01. متغیرها (Design Tokens)
   ========================================================= */

:root {
    /* رنگ‌های برند */
    --wd-gold: #C9A24B;
    --wd-gold-light: #E6C574;
    --wd-gold-dark: #4A3F22;
    --wd-gold-surface: #1A160F;

    /* سطوح و بوردر */
    --wd-border: #333333;
    --wd-surface: #1E1E22;
    --wd-surface-hover: #26262B;
    --wd-surface-dark: #141416;
    --wd-gallery-bg: #1A1A1A;

    /* متن */
    --wd-text: #D8D8DC;
    --wd-text-soft: #A8A8A8;
    --wd-text-muted: #9A9AA0;

    /* شعاع گوشه */
    --wd-radius-sm: 6px;
    --wd-radius-md: 8px;
    --wd-radius-lg: 12px;
    --wd-radius-xl: 20px;

    /* ارتفاع هدر چسبان — برای offset اسکرول */
    --wd-sticky-offset: 90px;
}


/* =========================================================
   02. پایه و عمومی
   ========================================================= */

html {
    scroll-behavior: smooth;
}

/* offset لنگرها به اندازه هدر چسبان */
h2[id] {
    scroll-margin-top: var(--wd-sticky-offset);
}
.wd-sticky-social .wd-icon-name{
        font-family: "iransans", sans-serif !important;
}
*:not(i):not([class*="fa-"]) {
    font-family: "iransans", sans-serif !important;
}
.star-rating {
    width: 100% !important;
}
.star-rating span {
    font-family: 'woodmart-font' !important;
}

.star-rating span::before,.star-rating:before{
    font-family: 'woodmart-font' !important;
}

.gform-theme--foundation .gform_fields {
    column-gap: 0!important;
}

div#gform_wrapper_2 .gform_fields {
    column-gap: 0!important;
}

div#gform_wrapper_2 {
    justify-content: center;
    display: flex;
}

form#gform_2 {
    display: flex;
    justify-content: center;
}

input,
select {
    color: #fff !important;
}

div#gform_fields_2 input {
    background-color: #1E1E22 !important;
    border-color: #333333 !important;
    color: #D8D8DC !important;
    text-align: right !important;
}

div#gform_fields_2 input::placeholder {
    color: #D8D8DC !important;
    text-align: right !important;
    opacity: 1 !important;
}

.gform-body.gform_body {
    width: 80%;
}

.gform-footer.gform_footer.top_label {
    margin: 0 !important;
}

input#gform_submit_button_2 {
    background-color: #C9A24B;
    color: #151515;
}

a.btn.btn-style-link {
    color: #9A9AA0 !important;
    text-decoration: none !important;
    border: none !important;
}

a.btn.btn-style-default {
    color: #151515 !important;
}
.wd-post-content{
    overflow: hidden;
}
/* کانتینر کلی: کادر کامل با گوشه گرد (مثل طرح) */
.single-product .wd-tabs,
.single-product .woocommerce-tabs {
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #161619 !important;
}

/* نوار تب‌ها: تمام عرض، خط زیرین */
.single-product .wd-nav.wd-nav-tabs {
    display: flex !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #333333 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* هر تب: عرض مساوی */
.single-product .wd-nav.wd-nav-tabs li {
    flex: 1 1 0 !important;
    margin: 0 !important;
    border: none !important;
    text-align: center !important;
}

/* لینک: تمام عرض li */
.single-product .wd-nav.wd-nav-tabs li a {
    display: block !important;
    width: 100% !important;
    color: #9A9AA0 !important;
    background-color: transparent !important;
    padding: 18px 10px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border: none !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

.single-product .wd-nav.wd-nav-tabs li a:hover {
    color: #C9A24B !important;
    background-color: rgba(201, 162, 75, 0.08) !important;
}

/* تب فعال: طلایی پُر */
.single-product .wd-nav.wd-nav-tabs li.active a {
    color: #1A160F !important;
    background-color: #C9A24B !important;
    font-weight: 600 !important;
}

/* حذف خط زیرین پیش‌فرض وودمارت */
.single-product .wd-nav.wd-nav-tabs li a::after,
.single-product .wd-nav.wd-nav-tabs li.active a::after {
    display: none !important;
}

/* محتوای داخل تب‌ها: فاصله مناسب */
.single-product .woocommerce-Tabs-panel {
    padding: 32px 34px !important;
    color: #D8D8DC !important;
}


/* ===== استایل کارت‌های پرتفولیو (نمونه‌کارها) ===== */

/* کل کارت: کادر تیره، گوشه گرد، بوردر نازک */
.wd-project.portfolio-entry,
article.portfolio-entry {

    overflow: hidden !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;
}

/* هاور: بوردر طلایی + کمی بالا اومدن */
.wd-project.portfolio-entry:hover,
article.portfolio-entry:hover {
    border-color: #C9A24B !important;
    transform: translateY(-4px) !important;
}

/* کارت فعال/وسط کاروسل: بوردر طلایی */
/* .wd-carousel-item.wd-active .portfolio-entry,
.wd-slide-visible.wd-full-visible .portfolio-entry {
    border-color: #C9A24B !important;
}
 */
/* عکس داخل کارت: گوشه گرد بالا */
.portfolio-entry .entry-thumbnail,
.portfolio-entry figure.entry-thumbnail {
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.portfolio-entry .entry-thumbnail img {
    border-radius: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* بخش متن پایین کارت: پس‌زمینه تیره، فاصله مناسب */
.portfolio-entry .portfolio-info,
.portfolio-entry .portfolio-text-shown {
    background-color: #1E1E22 !important;
    padding: 18px 20px !important;
    text-align: right !important;
}

/* دسته‌بندی (بالای عنوان): طلایی و کوچک */
.portfolio-entry .portfolio-info .wd-info-cats,
.portfolio-entry .portfolio-info a[rel="tag"] {
    color: #C9A24B !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* عنوان پروژه: روشن و پررنگ */
.portfolio-entry .entry-title,
.portfolio-entry .entry-title a {
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.portfolio-entry .entry-title a:hover {
    color: #C9A24B !important;
}





/* ===== استایل کارت‌های محصولات مرتبط/مشابه ===== */

/* کل کارت: کادر تیره، گوشه گرد، بوردر */
.related.products .wd-product,
.up-sells .wd-product,
.wd-products-element .wd-product {
    background-color: #1E1E22 !important;
    border: 1px solid #333333 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;
    text-align: right !important;
}

/* هاور: بوردر طلایی + بالا اومدن */
.related.products .wd-product:hover,
.up-sells .wd-product:hover,
.wd-products-element .wd-product:hover {
    border-color: #C9A24B !important;
    transform: translateY(-4px) !important;
}

/* بخش عکس: گوشه گرد بالا، پس‌زمینه تیره */
.related.products .wd-product .product-image-link,
.related.products .wd-product .product-element-top,
.wd-products-element .wd-product .product-element-top {
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
    background-color: #1E1E22 !important;
}

.related.products .wd-product img,
.wd-products-element .wd-product img {
    border-radius: 0 !important;
}

/* بخش اطلاعات پایین کارت: فاصله و راست‌چین */
.related.products .wd-product .product-wrapper,
.wd-products-element .wd-product .product-wrapper {
    /*     padding: 16px 20px !important; */
    text-align: right !important;
}

/* دسته‌بندی محصول: طلایی و کوچک */
.related.products .wd-product .woodmart-product-cats,
.related.products .wd-product .wd-product-cats,
.wd-products-element .wd-product .woodmart-product-cats {
    color: #C9A24B !important;
    font-size: 13px !important;
    text-align: right !important;
    margin-bottom: 6px !important;
}

.related.products .wd-product .woodmart-product-cats a,
.wd-products-element .wd-product .woodmart-product-cats a {
    color: #C9A24B !important;
}

/* عنوان محصول: روشن و پررنگ */
.related.products .wd-product .wd-entities-title,
.related.products .wd-product h3,
.wd-products-element .wd-product .wd-entities-title {
    text-align: right !important;
    margin-bottom: 8px !important;
}

.related.products .wd-product .wd-entities-title a,
.wd-products-element .wd-product .wd-entities-title a {
    color: #FFFFFF !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

.related.products .wd-product .wd-entities-title a:hover,
.wd-products-element .wd-product .wd-entities-title a:hover {
    color: #C9A24B !important;
}

/* قیمت: اگه می‌خوای مخفی بشه */
.related.products .wd-product .price,
.wd-products-element .wd-product .price {
    color: #9A9AA0 !important;
    text-align: right !important;
    justify-content: flex-end !important;
}

span.price {
    display: none !important;
}

/* عنوان محصول: تک‌خطی با سه‌نقطه در صورت بلند بودن */
.related.products .wd-product .wd-entities-title,
.up-sells .wd-product .wd-entities-title,
.wd-products-element .wd-product .wd-entities-title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.related.products .wd-product .wd-entities-title a,
.up-sells .wd-product .wd-entities-title a,
.wd-products-element .wd-product .wd-entities-title a {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.wd-accordion-item {
    border-radius: 10px !important;
    border: 1px solid #333333 !important;
}

span.wd-accordion-opener {
    color: #C9A24B !important;
}

/* ===== استایل گالری محصول ===== */

/* عکس اصلی بزرگ: بوردر و گوشه گرد */
.single-product .woocommerce-product-gallery__wrapper,
.single-product .wd-single-image,
.single-product figure.woocommerce-product-gallery__image {
    border-radius: 16px !important;
    overflow: hidden !important;
}

.single-product .woocommerce-product-gallery__image>a,
.single-product .woocommerce-product-gallery__image img {
    border: 1px solid #333333 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* تصاویر بندانگشتی (تامبنیل‌ها): بوردر و گوشه گرد */
.single-product .wd-gallery-thumbnails .wd-carousel-item,
.single-product .flex-control-thumbs li,
.single-product .product-thumbnails .wd-carousel-item img,
.single-product .flex-control-thumbs li img {
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease !important;
    cursor: pointer !important;
}

/* هاور روی تامبنیل: بوردر طلایی */
.single-product .flex-control-thumbs li img:hover,
.single-product .product-thumbnails img:hover {
    border-color: #C9A24B !important;
}

/* تامبنیل فعال: بوردر طلایی */
.single-product .flex-control-thumbs li img.flex-active,
.single-product .flex-control-thumbs li .flex-active img,
.single-product .wd-active .wd-gallery-img,
.single-product .product-thumbnails .wd-active img {
    border-color: #C9A24B !important;
    border-width: 2px !important;
}

/* عکس اصلی بزرگ */
.single-product .woocommerce-product-gallery img,
.single-product [class*="product-gallery"] img,
.single-product [class*="single-product-image"] img {
    border: 1px solid #333333 !important;
    border-radius: 16px !important;
}

/* همه‌ی تامبنیل‌ها (هر ساختاری که باشن) */
.single-product [class*="thumbnail"] img,
.single-product [class*="thumbnails"] img,
.single-product .flex-control-nav img,
.single-product .wd-gallery-thumb img {
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    transition: border-color 0.3s ease !important;
    cursor: pointer !important;
}

.single-product [class*="thumbnail"] img:hover,
.single-product .wd-gallery-thumb img:hover {
    border-color: #C9A24B !important;
}

/* ===== هم‌ارتفاع کردن ستون گالری و ستون اطلاعات ===== */

/* کانتینر والد: هر دو ستون کشیده بشن */
.single-product .elementor-container.elementor-column-gap-default {
    display: flex !important;
    align-items: stretch !important;
}

/* هر دو ستون: ارتفاع خودکار و کشیده */
.single-product .elementor-column.elementor-col-50 {
    display: flex !important;
    align-self: stretch !important;
}

.single-product .elementor-column.elementor-col-50>.elementor-widget-wrap {
    display: block !important;
    /*     flex-direction: column !important;
    width: 100% !important; */
}

/* خنثی کردن استیکی بودن ستون گالری */
.single-product .wd-sticky-column,
.single-product .elementor-column.wd-sticky-column {
    position: static !important;
    top: auto !important;
    align-self: stretch !important;
}

/* ویجت گالری: پر کردن کل ارتفاع ستون */
.single-product .wd-sticky-column .elementor-widget-wrap,
.single-product .wd-sticky-column .elementor-widget,
.single-product .wd-sticky-column .elementor-widget-woocommerce-product-images {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* ساختار داخلی گالری وودمارت: کشیده شدن */
.single-product .wd-sticky-column .woocommerce-product-gallery,
.single-product .wd-sticky-column .wd-single-image,
.single-product .wd-sticky-column .wd-product-images {
    height: 100% !important;
    display: flex !important;
    flex: 1 1 auto !important;
}

/* عکس اصلی بزرگ: پر کردن ارتفاع + جلوگیری از لهیدگی */
.single-product .wd-sticky-column .woocommerce-product-gallery__wrapper,
.single-product .wd-sticky-column .wd-single-main-image {
    height: 100% !important;
    flex: 1 1 auto !important;
}

.single-product .wd-sticky-column .woocommerce-product-gallery__image,
.single-product .wd-sticky-column .woocommerce-product-gallery__image img {
    height: 100% !important;
    object-fit: cover !important;
}

input#submit {
    color: rgb(21, 21, 21);
}

.wd-page-title.page-title.page-title-default.title-size-small.title-design-default.color-scheme-light.title-blog .container {
    padding: 0;
}

.wd-page-title.page-title.page-title-default.title-size-small.title-design-default.color-scheme-light.title-blog {
    padding-top: 0 !important;
}

.entry-title.title {
    font-size: 20px !important;
    margin: 0 !important;
    padding: 0 !important
}

.elementor-471 .elementor-element.elementor-element-ee33948 .elementor-widget-container {
    border-radius: 20px;

}

.wd-el-video.wd-action-overlay.wd-video-hosted {
    border: 1px solid #333333 !important;
    border-radius: 20px;
}

/* =========================================================
   03. عنوان/زیرعنوان مشترک شورت‌کدها (FAQ + پروژه‌ها)
   ========================================================= */

.wd-product-projects-title,
.wd-related-projects-title {
    margin-bottom: 35px;
    color: var(--wd-gold);
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.wd-product-projects-title::after,
.wd-related-projects-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    margin: 14px auto 0;
    background-color: var(--wd-gold);
}

.wd-product-projects-subtitle {
    margin-bottom: 10px !important;
    color: var(--wd-text-muted);
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}


/* =========================================================
   04. کروسل پروژه‌ها (related_projects + product_projects)
   ========================================================= */

.wd-product-projects-wrapper,
.wd-related-projects-wrapper {
    margin: 50px 0;
    direction: rtl;
    text-align: center;
}

.wd-projects-swiper-outer {
    display: flex;
    align-items: center;
    gap: 16px;
}

.wd-projects-swiper,
.wd-related-swiper {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.wd-product-projects-wrapper .swiper-slide,
.wd-related-projects-wrapper .swiper-slide {
    border: 1px solid var(--wd-border);
    border-radius: var(--wd-radius-md);
}

/* ---------- کارت پروژه ---------- */

.wd-project-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--wd-radius-md);
    background-color: var(--wd-surface);
    text-decoration: none;
    transition: background-color 0.25s ease;
}

.wd-project-card:hover {
    background-color: var(--wd-surface-hover);
}

.wd-project-image {
    width: 100%;
    padding-top: 65%;
    /* نسبت تصویر تقریبی 3:2 */
    background-color: var(--wd-surface-dark);
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease;
}

.wd-project-card:hover .wd-project-image {
    transform: scale(1.04);
}

.wd-project-info {
    padding: 20px 22px 24px;
    text-align: right;
}

.wd-project-location {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    color: var(--wd-gold);
    font-size: 13px;
}

.wd-project-name {
    margin: 0;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

/* ---------- دکمه‌های ناوبری کروسل ---------- */

.wd-projects-nav {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--wd-border);
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

.wd-projects-nav svg {
    stroke: var(--wd-gold) !important;
}

.wd-projects-nav:hover {
    border-color: var(--wd-gold);
    background-color: var(--wd-gold);
}

.wd-projects-nav.swiper-button-disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

.wd-arrow-inner {
    color: var(--wd-gold) !important;
}


/* =========================================================
   05. آکاردئون سوالات متداول محصول (product_faq)
   ========================================================= */

.wd-product-faq-wrapper {
    margin-top: 10px;
    margin-bottom: 40px;
    direction: rtl;
}

.wd-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wd-faq-item {
    overflow: hidden;
    border: 1px solid var(--wd-border);
    border-radius: var(--wd-radius-sm);
    background-color: var(--wd-surface);
    transition: border-color 0.25s ease;
}

.wd-faq-question-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    cursor: pointer;
    user-select: none;
}

.wd-faq-question-text {
    padding-left: 15px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    word-break: break-word;
    overflow-wrap: break-word;
}

.wd-faq-opener {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.wd-faq-item.active .wd-faq-opener {
    transform: rotate(180deg);
}

/* ترنزیشن نرم و بدون پرش با grid-template-rows */
.wd-faq-panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
}

.wd-faq-item.active .wd-faq-panel {
    grid-template-rows: 1fr;
}

.wd-faq-panel-inner {
    min-height: 0;
    padding: 0 24px;
    overflow: hidden;
}

.wd-faq-item.active .wd-faq-panel-inner {
    padding: 0 24px 20px;
}

.wd-faq-panel-inner p {
    margin: 0;
    color: var(--wd-text-soft);
    font-size: 14px;
    line-height: 1.9;
}


/* =========================================================
   06. گالری پروژه (project_gallery)
   ========================================================= */

.pg-gallery-wrapper {
    display: flex;
    gap: 12px;
}

/* ---------- اسلایدر اصلی ---------- */

.pg-gallery-wrapper .pg-main-swiper {
    flex: 1 1 0%;
    min-height: 440px;
    overflow: hidden;
    border-radius: var(--wd-radius-lg);
}

.pg-gallery-wrapper .pg-main-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wd-gallery-bg);
}

.pg-gallery-wrapper .pg-main-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pg-gallery-wrapper .pg-main-swiper .swiper-pagination-bullet-active {
    background: var(--wd-gold);
}

/* ---------- تامبنیل‌ها ---------- */

.pg-gallery-wrapper .pg-thumbs-swiper {
    flex-shrink: 0;
    height: 440px;
}

.pg-gallery-wrapper .pg-thumbs-swiper .swiper-wrapper {
    flex-direction: column;
    /* تامب‌ها زیر هم */
}

.pg-gallery-wrapper .pg-thumbs-swiper .swiper-slide {
    overflow: hidden;
    border: 1px solid var(--wd-border);
    border-radius: var(--wd-radius-md);
    opacity: 0.5;
    cursor: pointer;
    transition: 200ms ease;
}

.pg-gallery-wrapper .pg-thumbs-swiper .swiper-slide-thumb-active {
    border-color: var(--wd-gold);
    opacity: 1;
}

.pg-gallery-wrapper .pg-thumbs-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   07. صفحه محصول تکی
   ========================================================= */

.single-product .woocommerce-Tabs-panel span {
    color: var(--wd-text) !important;
    font-size: 15px;
}

.single-product .woocommerce-Tabs-panel strong {
    color: var(--wd-gold) !important;
}


/* =========================================================
   08. بنرها و المنتور عمومی
   ========================================================= */

.elementor-testimonial-name {
    margin-bottom: 8px;
}

.promo-banner.banner-default.banner-hover-none.color-scheme-dark.banner-btn-size-default.banner-btn-style-link.with-btn.banner-btn-position-hover.wd-with-link {
    border: 1px solid var(--wd-border);
    border-radius: var(--wd-radius-lg);
}

.banner-mask .wrapper-content-banner {
    background-color: rgb(0 0 0 / 56%) !important;
}

.promo-banner-wrapper {
    transition: all 0.3s linear;
}

.promo-banner-wrapper:hover .banner-mask .wrapper-content-banner {
    border-color: var(--wd-gold-dark);
    background-color: rgb(74 63 34 / 40%) !important;
}

.content-banner.text-right {
    height: 85% !important;
}

a.btn.btn-style-link.btn-shape-.btn-size-default.btn-color-custom.btn-icon-pos-left {
    color: var(--e-global-color-primary) !important;
}

.elementor-element.elementor-element-62a02fa.elementor-absolute.elementor-widget.elementor-widget-shortcode {
    position: sticky;
}


/* =========================================================
   09. گرید موزاییکی دسته‌بندی‌ها — کانتینر: elementor-element-d9fe791
   کارت ۱ (صنعتی و خاص): بلند   → ۱ ستون × ۲ ردیف
   کارت ۲ (اقامتی):      پهن    → ۲ ستون × ۱ ردیف
   کارت ۳ (اداری و تجاری) و کارت ۴: معمولی
   ========================================================= */

.elementor-element-d9fe791 .wd-grid-g.wd-cats {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: 220px;
    gap: 14px !important;
}

/* پایه‌ی هر کارت — کل ارتفاع/عرض سلول گرید را پر کند */
.elementor-element-d9fe791 .category-grid-item {
    height: 100%;
    overflow: hidden;
    border-radius: var(--wd-radius-lg);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-element-d9fe791 .category-grid-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

/* wrapper داخلی هر کارت باید کل ارتفاع سلول را بگیرد */
.elementor-element-d9fe791 .category-grid-item .wd-cat-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

/* عکس باید کل فضای کارت را پر کند، نه فقط اندازه‌ی طبیعی خودش */
.elementor-element-d9fe791 .category-grid-item .wd-cat-thumb,
.elementor-element-d9fe791 .category-grid-item .wd-cat-thumb .category-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.elementor-element-d9fe791 .category-grid-item .wd-cat-thumb img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* کپشن روی عکس، پایین کارت، با گرادیان برای خوانایی */
.elementor-element-d9fe791 .category-grid-item .wd-cat-content.hover-mask {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    z-index: 2;
    padding: 16px 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
}

.elementor-element-d9fe791 .category-grid-item .wd-cat-content.hover-mask .wd-entities-title {
    margin: 0;
    color: #FFFFFF;
    font-size: 16px;
}

/* لینک شفاف روی کل کارت باید بالاترین لایه باشد تا کلیک‌پذیر بماند */
.elementor-element-d9fe791 .category-grid-item .wd-fill.category-link {
    position: absolute;
    inset: 0;
    z-index: 3;
}

/* =========================================================
   گرید موزاییکی محصولات — کانتینر: elementor-element-d9fe791
   جایگزین بلاک قبلی (که برای .wd-cats / .category-grid-item بود)
   ========================================================= */

/* 1) کانتینر: خود المان محصولات ووداسمارت باید گرید ۴ ستونه با ارتفاع ثابت ردیف شود.
      بدون grid-auto-rows، ارتفاع ردیف‌ها از محتوا می‌آید و span 2 عملاً دیده نمی‌شود. */
.elementor-element-d9fe791 .wd-products-element,
.elementor-element-d9fe791 .products.wd-grid-g {
    grid-auto-rows: 280px;
    /* ارتفاع هر ردیف — دلخواه تغییر دهید */
    gap: 14px !important;
    align-items: stretch !important;
}

/* 2) الگوی موزاییکی (در RTL، آیتم ۱ گوشه‌ی بالا-راست قرار می‌گیرد) */
.elementor-element-d9fe791 .wd-product:nth-child(1) {
    grid-column: span 1;
    grid-row: span 2;
}

.elementor-element-d9fe791 .wd-product:nth-child(2) {
    grid-column: span 2;
    grid-row: span 1;
}

.elementor-element-d9fe791 .wd-product:nth-child(3),
.elementor-element-d9fe791 .wd-product:nth-child(4) {
    grid-column: span 1;
    grid-row: span 1;
}

/* 3) زنجیره‌ی ارتفاع ۱۰۰٪ — بدون این بخش، سلول رزرو می‌شود ولی کارت کوتاه می‌ماند */
.elementor-element-d9fe791 .wd-product {
    align-self: stretch;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    border-radius: var(--wd-radius-lg, 12px);
}

.elementor-element-d9fe791 .wd-product .product-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 !important;
}

/* ناحیه‌ی تصویر تمام فضای باقی‌مانده را می‌گیرد */
.elementor-element-d9fe791 .wd-product .product-element-top {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    position: relative;
    overflow: hidden;
    z-index: auto !important;
    /* استکینگ‌کانتکست نسازد */
}

.elementor-element-d9fe791 .wd-product .product-image-link,
.elementor-element-d9fe791 .wd-product .product-element-top>a {
    display: block;
    width: 100%;
    height: 100%;
}

.elementor-element-d9fe791 .wd-product .product-element-top img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover;
    display: block;
}

/* عنوان/دسته‌بندی همیشه پایین کارت بچسبد */
.elementor-element-d9fe791 .wd-product .wd-product-header,
.elementor-element-d9fe791 .wd-product h3.wd-entities-title {
    flex: 0 0 auto;
}

.wd-info-box.text-center.box-icon-align-top.box-style-base.color-scheme- {
    min-height: 175px;
}

.elementor-element-d9fe791 .related.products .wd-product .product-wrapper,
.elementor-element-d9fe791 .wd-products-element .wd-product .product-wrapper {
    padding: 0 !important;
}

.elementor-element-d9fe791 .wd-product.wd-hover-info [class*=-information] {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: var(--wd-prod-gap);
    transition: all .3s ease;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.904), rgb(0 0 0 / 0%) 85%);
    padding: 16px;
    width: 100%;
    right: 0;
    left: 0;
    top: 0 !important;
    bottom: 0 !important;
    height: 100%;
    justify-content: end;
}

.elementor-element-d9fe791 .bottom-information {
    display: none !important;
}

.wd-post-thumb.color-scheme-light {
    border: 1px solid #333333 !important;
    border-radius: 20px 20px 0 0 !important;
}
.single-post time.published {
    color: #9A9AA0 !important;
}
.single-post h1,.single-post h2,.single-post h3,.single-post h4,.single-post h5,.single-post h6{
    color: #C9A24B !important;
}

.elementor-element.elementor-element-78c3c4e.e-con-full.e-flex.e-con.e-child{
    gap: 10px;
}

time.published {
    color: #C9A24B !important;
}

li.item-with-label.item-label-primary>a:first-child {
    color: #C9A24B !important;
}

li.item-with-label.item-label-primary ul.sub-sub-menu a {
    color: #9A9AA0 !important;
}

li.item-with-label.item-label-primary ul.sub-sub-menu a:hover {
    color: #C9A24B !important;
}

.wd-dropdown {
    background-color: transparent !important;
}

.wd-product-thumb.product-element-top.wd-quick-shop img {
    border-radius: 0 !important;
}

/* li.wd-opened{
    background-color: #1A160F;
    border: 1px solid #4A3F22;
    border-radius: 8px;
}
.wd-nav-vertical .menu-item{
    padding: 8px 4px !important;
} */
/* 

.wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-light{
        padding: 0 !important;
        background-color: #161619;
}

.wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-light .container.wd-entry-content{
    border: none;
} */

/* .wd-dropdown-menu .wd-sub-menu>li:first-child>.sub-menu-dropdown {
    opacity: 1;
    visibility: visible;
}

.wd-dropdown-menu .wd-sub-menu:hover>li:first-child:not(:hover)>.sub-menu-dropdown {
    opacity: 0;
    visibility: hidden;
} */
/* پنل آیتم اول از ابتدا باز */
/* #menu-categories>li:first-child>.wd-dropdown {
    visibility: visible;
    opacity: 1;
    transform: none !important;
} */

/* وقتی کاربر روی آیتم دیگری رفت، پنل اول بسته شود */
/* #menu-categories:hover>li:first-child:not(:hover)>.wd-dropdown {
    visibility: hidden;
    opacity: 0;
    pointer-events: auto;

} */

#menu-categories {
    position: relative;
    display: inline-flex;
}

.wd-menu.widget_nav_mega_menu.wd-nav-wrapper {
    background: #161619;;
    height: max-content;
    border-radius: 0 0 20px 20px !important;
}

#menu-categories li .wd-dropdown-menu.wd-design-aside {
    position: absolute !important;
    top: 0 !important;
    bottom: auto !important;
    inset-inline-end: 100% !important;
    left: auto !important;
    right: 100% !important;
    margin: 0 !important;
    transform: none !important;
    min-height: 100%;
}

#menu-categories li .wd-dropdown-menu {
    --wd-dropdown-width: 720px;
}

#menu-categories>li {
    position: static !important;
}

.widget_nav_mega_menu.wd-nav-wrapper {
    position: relative;
}

.widget_nav_mega_menu.wd-nav-wrapper {
    position: relative;
    min-height: 300px;
}

#menu-categories>li>a {
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 10px 16px;
    transition: border-color .25s ease, background-color .25s ease;
}

/* آیتم فعال */
#menu-categories>li.is-active>a {
    border-color: #C9A24B;
    background-color: rgba(201, 162, 75, .08);
}

/* آیتم اول در حالت پیش‌فرض، تا وقتی JS لود شود */
#menu-categories:not(.js-ready)>li:first-child>a {
    border-color: #C9A24B;
    background-color: rgba(201, 162, 75, .08);
}

#menu-categories {
    position: static;
}

h5.widget-title.color-scheme- {
    background-color: #161619;
    color: #C9A24B;
    padding-right: 0;
}


/* پایه — هیچ آیتمی به‌خودی‌خود بوردر ندارد */
#menu-categories>li>a,
#menu-categories>li:hover>a,
#menu-categories>li>a:hover {
    border: 1px solid transparent !important;
    background-color: transparent !important;
    border-radius: 8px;
    padding: 10px 16px;
    transition: border-color .25s ease, background-color .25s ease;
}

#menu-categories>li>.wd-dropdown-menu {
    pointer-events: none;
}

#menu-categories>li>.wd-dropdown-menu>* {
    pointer-events: auto;
}

li.item-with-label.item-label-primary a {
    position: relative;
    z-index: 5;
}

/* تنها منبع استایل فعال */
#menu-categories>li.is-active>a {
    border-color: #C9A24B !important;
    background-color: rgba(201, 162, 75, .08) !important;
}

/* =========================================================
   10. بلاگ / تصاویر پست / کروسل مقالات
   ========================================================= */
.e-con.e-con>.e-con-inner>.elementor-widget .wd-post-image{
    display: flex;
    justify-content: center;
}
.e-con.e-con>.e-con-inner>.elementor-widget .wd-post-image img,
.elementor.elementor .e-con>.elementor-widget .wd-post-image img {
    margin: 0;
    max-height: 50vh;
    border: 1px solid var(--wd-border);
    border-radius: var(--wd-radius-xl) !important;
    object-fit: cover;
}
.wd-post-image img {
  display: block;
  margin-inline: auto;
}

.wd-carousel-item article {
    border: 1px solid var(--wd-border);
    border-radius: var(--wd-radius-xl);
}

.elementor-element-98f91ef .promo-banner .wrapper-content-banner {
    border-radius: 0 0 20px 20px !important;

}

.wd-carousel-item .wd-post-date {
    color: var(--wd-gold);
}

.wd-cat-wrap {
    padding: 0 !important;
}

.wd-products-with-bg:not(.products-bordered-grid) :is(.wd-product-wrapper, .wd-cat-wrap) {
    border-radius: 20px;
}

.cat-design-alt.categories-with-shadow .wd-cat-thumb {
    border-radius: 20px 20px 0 0;
}

.wd-cat-content.hover-mask {
    text-align: right;
}

.wd-cat-content {
    padding: 20px !important;
}

/* در صورت نیاز به بوردر یکسان برای همه تصاویر ویجت‌ها، این بلاک را فعال کنید
.elementor-widget-container img {
    margin: 0;
    border: 1px solid var(--wd-border);
    border-radius: var(--wd-radius-xl);
}
*/
#gform_wrapper_3 .gform-body.gform_body {
    width: 100%;
}

form#gform_3 input,
form#gform_3 textarea {
    background-color: #1E1E22 !important;
    border-color: #333333 !important;
    border-radius: 8px
}

input[type="submit"] {
    background-color: #C9A24B !important;
    color: #151515 !important;
}

form#gform_3 input#gform_submit_button_3 {
    background-color: #C9A24B !important;
    color: #151515 !important;
    margin-top: 1rem;
    width: 100%;
}

form#gform_3 label {
    color: #D8D8DC;
}

form#gform_3 input::placeholder,
form#gform_3 textarea::placeholder {
    color: #636262;
}

.wd-osm-map-container.wd-map-container.map-mask-dark {
    border-radius: 20px !important;
}

.wd-prefooter {
    background-color: #0d0d0f !important;
}


h3.wd-entities-title {
    /* padding-right: 0; */
    font-size: 15px !important;
    white-space: nowrap;
    overflow: hidden;
}

.post-type-archive-product h3.wd-entities-title,.tax-product_cat h3.wd-entities-title {
    padding: 1rem 1rem 0 1rem;
}
.elementor-element-0abab70  h3.wd-entities-title {
    padding-top: 1rem ;
    padding-right: 1rem ;
}

.single-post h3.wd-entities-title {
    max-width: 100%;
}

.blog h3.wd-entities-title {
    padding: 0;
    white-space: wrap;
    overflow: visible !important;
}

.wd-posts article {
    border: 1px solid #333333;
    border-radius: 20px;
    background: #161619;
}

.wd-post-content {
    padding: 0 1rem 1rem 1rem;
}
.stars a{
    color: transparent !important;
}
.wd textarea{
    color: #fff !important;
}
/* =========================================================
   11. فهرست مطالب (Table of Contents)
   ========================================================= */

.tocDiv {
    position: sticky;
    top: var(--wd-sticky-offset);
}

.tocDiv .elementor-shortcode {
    padding: 20px;
    border: 1px solid var(--wd-gold-dark);
    border-radius: var(--wd-radius-xl);
    background-color: var(--wd-gold-surface);
}

.my-toc-box {
    color: var(--wd-text-muted);
}

.my-toc-title {
    display: block;
    margin: 0 0 15px;
    color: var(--wd-gold);
    font-size: 15px;
    font-weight: bold;
}

.my-toc-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.my-toc-list li {
    margin-bottom: 10px;
}

.my-toc-list li a {
    display: block;
    color: var(--wd-text-muted);
    text-decoration: none;
    transition: all 0.3s linear;
}

.my-toc-list a {
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 6px 10px;
    border-right: 2px solid transparent;
    transition: color .2s ease, border-color .2s ease;
}

.my-toc-list a.active {
    color: #C9A24B;
    font-weight: 700;
    border-right-color: #C9A24B;
}

.my-toc-list li a:hover {
    color: var(--wd-gold-light);
}

.my-toc-list li a:active,
.my-toc-list li a.active {
    color: var(--wd-gold);
}

.my-toc-list li a.active::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23C9A24B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6l-6 6 6 6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}


/* =========================================================
   12. المان‌های محصولات (fe2f990 / 1a34b4c)
   ========================================================= */

.wd-products-element .wd-product .product-wrapper,
.elementor-element-fe2f990 .related.products .wd-product .product-wrapper,
.elementor-element-fe2f990 .wd-products-element .wd-product .product-wrapper,
.elementor-element-1a34b4c .related.products .wd-product .product-wrapper,
.elementor-element-1a34b4c .wd-products-element .wd-product .product-wrapper {
    padding: 0 !important;
}

.wd-product-cats {
    padding: 0 1rem 2rem;
}



.elementor-element-fe2f990 h3.wd-entities-title,
.elementor-element-1a34b4c h3.wd-entities-title {
    padding: 1rem 1rem 0;
}

.wd-timeline-image {
    width: 100%;
}

.wd-timeline-image img {
    width: 100%;
}

.timeline-col {
    border: 1px solid #333333;
    height: 100%;
    text-align: right !important;
}

.timeline-col.timeline-col-secondary {
    height: 100%;
}

.timeline-col.timeline-col-secondary {
    height: 100%;
}

.wd-timeline-title {
    background-color: rgba(201, 162, 75, 1);
    padding: 2px 20px;
    border-radius: 20px;
    width: fit-content;
    color: #000 !important;
}

.timeline-col .wd-timeline-content h4 {
    color: rgba(201, 162, 75, 1);
}

.wd-timeline-item .wd-timeline-title {
    float: right;
    /* RTL: بج سمت راست */
    margin: 0 0 0 14px;
}

.wd-timeline-item .wd-timeline-content> :is(h2, h3, h4) {
    margin: 0;
}

.wd-timeline-item .wd-timeline-content>p {
    clear: both;
    padding-top: 10px;
}

.wd-term-desc.wd-entry-content h1,
.wd-term-desc.wd-entry-content h2,
.wd-term-desc.wd-entry-content h3,
.wd-term-desc.wd-entry-content h4,
.wd-term-desc.wd-entry-content h5,
.wd-term-desc.wd-entry-content h6 {
    color: rgba(201, 162, 75, 1);
}

.elementor-element.elementor-element-84c0b0d.elementor-widget.elementor-widget-wp-widget-woodmart-woocommerce-layered-nav h5 {
    color: rgba(201, 162, 75, 1);
    font-weight: 600;
    font-size: 14px;
}

ul.wd-swatches-filter.wd-filter-list.wd-labels-on.wd-size-large.wd-layout-inline.wd-text-style-1.wd-bg-style-1.wd-shape-rounded {
    display: flex;
    padding: 0;
    align-items: baseline;
    gap: 8px;
}

li.wc-layered-nav-term {
    border: 1px solid #333333;
    border-radius: 20px;
    list-style: none;
    padding: 5px 12px;
}

ul.wd-swatches-filter.wd-filter-list span.count {
    display: none;
    transition: .2s all linear;
}

.wc-layered-nav-term:hover a {
    color: rgb(201, 162, 75);
}

.wc-layered-nav-term.wd-active {
    background-color: rgba(201, 162, 75, 1);
}

.wc-layered-nav-term.wd-active a {
    color: #151515 !important;
}

.post-type-archive-portfolio .wd-project.portfolio-entry,
.post-type-archive-portfolio .article.portfolio-entry {
    background-color: transparent !important;
    border: 0 !important;
}

.wd-project.portfolio-entry .entry-header {
    border: 1px solid #333333;
    border-radius: 20px;
    background-color: #1E1E22 !important;
}

.post-type-archive-portfolio h3.wd-entities-title {
    padding-top: 0;
    padding-right: 0;
    line-height: 1.8rem;
}

ul.wd-nav-portfolio.wd-nav.wd-gap-m.wd-style-underline li {
    border: 1px solid #333333;
    border-radius: 20px;
    padding: 0 12px;
}


ul.wd-nav-portfolio.wd-nav.wd-gap-m.wd-style-underline li a {
    padding: 0 !important;
    height: min-content;
}

ul.wd-nav-portfolio.wd-nav.wd-gap-m.wd-style-underline li span {
    font-size: 14px !important;
}

ul.wd-nav-portfolio.wd-nav.wd-gap-m.wd-style-underline li.wd-active {
    background-color: rgba(201, 162, 75, 1);
}

ul.wd-nav-portfolio.wd-nav.wd-gap-m.wd-style-underline li.wd-active a {
    color: #151515 !important;
}

.wd-nav[class*=wd-style-underline] .nav-link-text:after {
    display: none !important;
}

ul.wd-nav-portfolio.wd-nav.wd-gap-m.wd-style-underline li a:hover {
    color: rgba(201, 162, 75, 1);
}

.wd-related-projects-wrapper h4.wd-project-name {
    white-space: nowrap;
    overflow: hidden;
}

a.wd-fill {
    text-decoration: none !important;
    color: rgba(201, 162, 75, 1) !important;
}

.mobile-nav .wd-nav-opener:after {
    transform: rotate(180deg) !important;
    color: rgba(201, 162, 75, 1) !important;
}

span.wd-tools-icon {
    color: rgba(201, 162, 75, 1) !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
}

.wd-sticky-container-lg h5{
    color: rgba(201, 162, 75, 1) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

li::marker{
    color: rgba(201, 162, 75, 1) !important;
}

.elementor-shortcode .my-acf-button{
    background-color: var(--wd-primary-color);
    width: 100%;
    border-radius: 8px;
    display: flex;
    color: #151515 !important;
}
.elementor-shortcode .my-acf-button-2{
    width: 100%;
    display: flex;
    color: #9A9AA0 !important;
    background-color: transparent;
}
a.button.alt.my-acf-button-2 {
    position: relative;
}
a.button.alt.my-acf-button-2::before {
   content: "";
   background-image: url('https://modern.iranweblifetest.com/wp-content/uploads/2026/08/image-3.svg)');
   width: 16px;
   height: 16px;
   left: 0;
   float: right;
}
span.wd-nav-opener.wd-active:after {
    color: #151515 !important;
}
#banner .e-flexbox-base {
    padding: 0
}
.social-viber {
    --wd-social-brand-color: #49954f !important;
}
.wd-sticky-social .wd-icon-name{
    padding-bottom: 8px !important;
}
.wd-sticky-social {
    display: flex !important;
}
/* =========================================================
   13. واکنش‌گرا (Responsive)
   ========================================================= */
/* 4) واکنش‌گرا */


@media (max-width: 1024px) {

    .gform-theme--foundation .gform_fields {
        column-gap: 0 !important;
    }

    .elementor-element-d9fe791 .wd-products-element,
    .elementor-element-d9fe791 .products.wd-grid-g {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .elementor-element-d9fe791 .wd-product:nth-child(1) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .elementor-element-d9fe791 .wd-product:nth-child(2) {
        grid-column: span 2;
        grid-row: span 1;
    }



}


/* ---------- ≤ 767px ---------- */
@media (max-width: 767px) {

    .elementor-element-117fc94 .elementor-widget-icon-box.elementor-mobile-position-block-start .elementor-icon-box-wrapper {
            flex-direction: row;
    }

    /* کروسل پروژه‌ها */
    .wd-projects-nav {
        width: 34px;
        height: 34px;
    }

    .wd-project-info {
        padding: 16px 18px 18px;
    }

    .timeline-col.timeline-col-secondary {
        margin-top: 1rem;
        padding: 2rem 1rem 0 1rem !important;
    }

    .timeline-col.timeline-col-primary {
        height: fit-content;
    }

    .timeline-col.timeline-col-primary {
        height: fit-content;
    }

    .wd-timeline-image {
        margin: 0 !important;
    }

    .timeline-col.timeline-col-primary .wd-timeline-content.wd-set-mb.reset-last-child {
        display: none;
    }

    .elementor-element.elementor-element-0137bf7.e-con.e-atomic-element.e-flexbox-base.e-6bd2fb8 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .elementor-element.elementor-element-0377964.e-con.e-atomic-element.e-flexbox-base.e-2cde07b {
        padding: 0;
        margin: 1rem 0;
    }

}

/* ---------- ≤ 600px ---------- */
@media (max-width: 600px) {

    .elementor-element-d9fe791 .wd-products-element,
    .elementor-element-d9fe791 .products.wd-grid-g {
        grid-template-columns: 1fr !important;
        grid-auto-rows: 200px;
        gap: 10px !important;
    }

    .elementor-element-d9fe791 .wd-product,
    .elementor-element-d9fe791 .wd-product:nth-child(1),
    .elementor-element-d9fe791 .wd-product:nth-child(2) {
        grid-column: span 1;
        grid-row: span 1;
    }

    /* گالری پروژه — تامب‌ها زیر تصویر اصلی */
    .pg-gallery-wrapper {
        flex-direction: column !important;
    }

    .pg-gallery-wrapper .pg-main-swiper {
        order: 1;
        width: 100%;
        min-height: 300px;
    }

    .pg-gallery-wrapper .pg-thumbs-swiper {
        order: 2;
        width: 100% !important;
        height: 76px !important;
    }

    .pg-gallery-wrapper .pg-thumbs-swiper .swiper-wrapper {
        flex-direction: row !important;
        gap: 8px;
    }

    .pg-gallery-wrapper .pg-thumbs-swiper .swiper-slide {
        flex-shrink: 0;
        width: 76px !important;
        height: 76px !important;
    }

    /* فرم گرویتی فرمز (gform_2) */
    form#gform_2 {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .gform-body.gform_body {
        width: 100% !important;
    }

    .gform-footer.gform_footer.top_label {
        width: -webkit-fill-available;
    }

    input#gform_submit_button_2 {
        width: 100%;
        margin-top: 1rem;
    }

    .gform-theme--foundation .gform_fields {
        gap: 16px !important;
    }
}