.elementor-kit-84{--e-global-color-primary:#A81A1F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#F8C0C2;--e-global-typography-primary-font-family:"ساحل";--e-global-typography-primary-font-size:1.5em;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"ساحل";--e-global-typography-secondary-font-size:1.2em;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"ساحل";--e-global-typography-text-font-size:1em;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"ساحل";--e-global-typography-accent-font-size:0.9em;--e-global-typography-accent-font-weight:500;}.elementor-kit-84 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */Body {
    font-size: clamp(12px, 1.2vw, 14px);
}

.custom-icon-box {
  background: #ffffff;
  border-radius: 20px;
  padding: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.custom-icon-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  border-color: rgba(220, 38, 38, 0.15);
}

.custom-icon-box .elementor-icon-box-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.custom-icon-box .elementor-icon-box-icon {
  background: rgba(220, 38, 38, 0.08);
  width: 50px;
  height: 50px;
  border-radius: 16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 auto 5px auto;
  transition: all 0.3s ease;
}

.custom-icon-box:hover .elementor-icon-box-icon {
  background: #dc2626;
  transform: scale(1.05);
}

.custom-icon-box .elementor-icon {
  color: #dc2626;
  font-size: 30px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
}

.custom-icon-box:hover .elementor-icon {
  color: #ffffff;
}

.custom-icon-box .elementor-icon svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

.custom-icon-box .elementor-icon-box-title {
  color: #1f2937;
  margin: 0 0 12px 0;
  line-height: 1.4;
}

.custom-icon-box .elementor-icon-box-description {
  color: #4b5563;
  line-height: 1.7;
  margin: 0;
}















/* --- متغیرهای اختصاصی سبک دیجی‌کالا (پشتیبانی از حالت روشن و تاریک) --- */
.custom-product-slider {
    --dk-bg: #ffffff;
    --dk-border: #e0e0e6;
    --dk-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    --dk-hover-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    --dk-text-title: #23254e;
    --dk-text-price: #19bfd3;
    --dk-old-price: #c0c2c8;
    --dk-red: #ef4056;
    --dk-gray-bg: #f9f9fb;
}

body.dark-mode .custom-product-slider {
    --dk-bg: #1e293b;
    --dk-border: #334155;
    --dk-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    --dk-hover-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    --dk-text-title: #f8fafc;
    --dk-text-price: #38bdf8;
    --dk-old-price: #94a3b8;
    --dk-red: #f87171;
    --dk-gray-bg: #0f172a;
}

/* --- ۱. ساختار اسلایدر افقی --- */
.custom-product-slider .products.elementor-grid {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding: 20px 5px;
    scrollbar-width: thin;
    scrollbar-color: var(--dk-red) #f1f1f1;
}

.custom-product-slider .products.elementor-grid::-webkit-scrollbar {
    height: 4px;
}
.custom-product-slider .products.elementor-grid::-webkit-scrollbar-track {
    background: transparent;
}
.custom-product-slider .products.elementor-grid::-webkit-scrollbar-thumb {
    background: var(--dk-red);
    border-radius: 10px;
}

/* --- ۲. بدنه کارت محصول به سبک دیجی‌کالا --- */
.custom-product-slider .product {
    flex: 0 0 clamp(190px, 21vw, 220px) !important;
    max-width: 230px !important;
    background: var(--dk-bg);
    border-radius: 12px;
    padding: 14px !important;
    box-shadow: var(--dk-card-shadow);
    border: 1px solid var(--dk-border);
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

.custom-product-slider .product:hover {
    box-shadow: var(--dk-hover-shadow);
    transform: translateY(-3px);
}

/* --- ۳. بج تخفیف و موجودی دیجی‌کالایی --- */
.custom-product-slider .product .onsale {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--dk-red);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 12px;
    z-index: 5;
    min-width: 28px;
    text-align: center;
}

/* --- ۴. پاکسازی المان‌های اضافی --- */
.custom-product-slider .button:not(.dk-view-btn),
.custom-product-slider .woocommerce-notices-wrapper {
    display: none !important;
}

/* --- ۵. لینک و تصویر محصول --- */
.custom-product-slider .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column;
    text-decoration: none;
    width: 100%;
    position: relative;
}

.custom-product-slider .woocommerce-loop-product__link img {
    position: relative;
    z-index: 2;
    width: 130px !important;
    height: 130px !important;
    object-fit: contain;
    margin: 0 auto 12px auto !important;
    transition: transform 0.3s ease;
}

.custom-product-slider .product:hover .woocommerce-loop-product__link img {
    transform: scale(1.03);
}

/* --- ۶. عنوان محصول (حداکثر ۲ خط) --- */
.custom-product-slider .woocommerce-loop-product__title {
    color: var(--dk-text-title);
    text-align: right;
    font-size: clamp(12px, 1.1vw, 13px) !important;
    font-weight: 500 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 38px;
}

/* --- ۷. بخش قیمت‌ها به سبک دیجی‌کالا --- */
.custom-product-slider .price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 12px;
    font-family: inherit;
}

.custom-product-slider .price ins {
    background: none;
    color: var(--dk-text-title);
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

.custom-product-slider .price del {
    color: var(--dk-old-price);
    font-size: 11px;
    text-decoration: line-through;
}

.custom-product-slider .price del .woocommerce-Price-amount {
    margin-left: 2px;
}

/* --- ۸. دکمه مشاهده و بررسی --- */
.custom-product-slider .dk-view-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    background: var(--dk-gray-bg);
    color: var(--dk-text-title);
    font-size: 11px;
    font-weight: 600;
    padding: 7px 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid var(--dk-border);
}

.custom-product-slider .product:hover .dk-view-btn {
    background: var(--dk-red);
    color: #ffffff;
    border-color: var(--dk-red);
}

.custom-product-slider .dk-view-btn svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    transition: transform 0.2s ease;
}

.custom-product-slider .product:hover .dk-view-btn svg {
    transform: translateX(-3px);
}


/*استایل سوالات متداول*/

/* --- ۱. بازنشانی و اصلاح کانتینر اصلی والد (جلوگیری از به‌هم‌ریختگی چیدمان) --- */
.elementor-element-cb150c5 {
    width: 100% !important;
}

.elementor-element-1c8b2e0 {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    border: none !important;
}

/* --- ۲. متغیرهای اختصاصی آکاردئون مدرن --- */
.elementor-widget-n-accordion {
    --acc-bg: #ffffff;
    --acc-bg-hover: #fafafa;
    --acc-border: #e2e8f0;
    --acc-border-active: #dc2626;
    --acc-text: #1e293b;
    --acc-text-active: #dc2626;
    --acc-icon-bg: #f1f5f9;
    --acc-icon-color: #64748b;
    --acc-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
    width: 100% !important;
}

body.dark-mode .elementor-widget-n-accordion {
    --acc-bg: #1e293b;
    --acc-bg-hover: #334155;
    --acc-border: #334155;
    --acc-border-active: #dc2626;
    --acc-text: #f8fafc;
    --acc-text-active: #f87171;
    --acc-icon-bg: #0f172a;
    --acc-icon-color: #94a3b8;
    --acc-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.2);
}

/* --- ۳. ساختار کلی کانتینر آکاردئون --- */
.elementor-widget-n-accordion .e-n-accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    border: none !important;
}

/* --- ۴. طراحی هر کارت (آیتم آکاردئون) --- */
.elementor-widget-n-accordion .e-n-accordion-item {
    background: var(--acc-bg) !important;
    border: 1px solid var(--acc-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--acc-shadow) !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-widget-n-accordion .e-n-accordion-item:hover {
    border-color: var(--acc-border-active) !important;
    background: var(--acc-bg-hover) !important;
}

.elementor-widget-n-accordion .e-n-accordion-item[open] {
    border-color: var(--acc-border-active) !important;
    box-shadow: 0 10px 30px -5px rgba(220, 38, 38, 0.08) !important;
}

/* --- ۵. هدر (عنوان سوال) --- */
.elementor-widget-n-accordion .e-n-accordion-item-title {
    padding: 18px 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    transition: background 0.2s ease !important;
        flex-direction: row-reverse !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    font-size: clamp(14px, 1.3vw, 16px) !important;
    font-weight: 600 !important;
    color: var(--acc-text) !important;
    transition: color 0.2s ease !important;
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-text {
    color: var(--acc-text-active) !important;
}

/* --- ۶. مدیریت دقیق آکاردئون و آیکون‌ها --- */
.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
    width: 34px !important;
    height: 34px !important;
    background: var(--acc-icon-bg) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.elementor-widget-n-accordion .e-n-accordion-item .e-opened {
    display: none !important;
}
.elementor-widget-n-accordion .e-n-accordion-item .e-closed {
    display: flex !important;
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-opened {
    display: flex !important;
}
.elementor-widget-n-accordion .e-n-accordion-item[open] .e-closed {
    display: none !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-icon svg {
    width: 12px !important;
    height: 12px !important;
    fill: var(--acc-icon-color) !important;
    transition: fill 0.3s ease !important;
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
    background: rgba(220, 38, 38, 0.1) !important;
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg {
    fill: var(--acc-border-active) !important;
}

/* --- ۷. بخش محتوای داخلی آکاردئون --- */
.elementor-widget-n-accordion .e-n-accordion-item .e-con,
.elementor-widget-n-accordion .e-n-accordion-item .e-con-inner {
    background: transparent !important;
    border: none !important;
}

.elementor-widget-n-accordion .elementor-widget-text-editor {
    padding: 0 22px 22px 22px !important;
}

.elementor-widget-n-accordion .elementor-widget-text-editor p {
    font-size: clamp(13px, 1.1vw, 15px) !important;
    color: var(--acc-icon-color) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    text-align: justify !important;
}

/* --- ۸. استایل بخش عنوان بالا («نمایندگی های رسمی...») --- */
.elementor-element-734e089 {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.elementor-element-016d323 .elementor-heading-title {
    color: var(--acc-text) !important;
    font-size: clamp(18px, 1.8vw, 22px) !important;
    font-weight: 700 !important;
}

/* --- ۹. بهینه‌سازی ریسپانسیو موبایل --- */
@media (max-width: 767px) {
    .elementor-element-1c8b2e0 {
        gap: 16px !important;
    }
    .elementor-widget-n-accordion .e-n-accordion {
        gap: 10px !important;
    }
    .elementor-widget-n-accordion .e-n-accordion-item-title {
        padding: 14px 16px !important;
    }
    .elementor-widget-n-accordion .elementor-widget-text-editor {
        padding: 0 16px 16px 16px !important;
    }
}


/*کدهای مربوط به نمایش محصول*/

/* ==========================================================================
   استایل اختصاصی صفحه محصول (مشابه دیجی‌کالا و مدرن)
   ========================================================================== */

/* تنظیمات کلی کانتینر محصول */
.elementor-location-single.type-product {
    font-family: IRANSans, Tahoma, sans-serif !important;
    background-color: #f7f8fa;
    padding: 20px 0;
}

/* کارت‌بندی مدرن برای بخش‌های مختلف */
.elementor-location-single .e-con {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    margin-bottom: 16px;
    padding: 24px;
}

/* نام محصول */
.product_title.entry-title {
    font-size: 24px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 16px;
}

/* --- ۱. تبدیل جدول ویژگی‌ها به کارت‌ویو مدرن --- */
.woocommerce-product-attributes.shop_attributes {
    border: none !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-top: 15px;
}

.woocommerce-product-attributes.shop_attributes tbody {
    display: contents;
}

.woocommerce-product-attributes-item {
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between;
    box-shadow: none !important;
}

.woocommerce-product-attributes-item__label {
    font-size: 13px;
    color: #707579;
    font-weight: 500;
    margin-bottom: 6px;
    border: none !important;
}

.woocommerce-product-attributes-item__value {
    font-size: 15px;
    color: #212121;
    font-weight: 700;
    border: none !important;
    margin: 0 !important;
}

/* --- ۲. مدیریت بخش قیمت و حالت عدم فروش آنلاین --- */
.elementor-widget-woocommerce-product-price {
    background: #fff;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid #efefef;
}

/* مخفی کردن بخش انتخاب تعداد و افزودن به سبد خرید (غیرفعال‌سازی فروش آنلاین) */
.elementor-widget-woocommerce-product-add-to-cart,
.quantity,
.single_add_to_cart_button {
    display: none !important;
}

/* استایل جایگزین قیمت و دکمه تماس (در صورت موجود نبودن قیمت) */
.price-fallback-box {
    background: #fff8f8;
    border: 1px solid #ffccd2;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    margin-top: 15px;
}

.price-fallback-box .call-status {
    font-size: 16px;
    color: #d32f2f;
    font-weight: 700;
    margin-bottom: 8px;
}

.price-fallback-box .phone-number {
    font-size: 18px;
    color: #212121;
    font-weight: 800;
    direction: ltr;
    display: inline-block;
    margin-bottom: 15px;
}

.price-fallback-box .contact-btn {
    display: inline-block;
    background-color: #ef4056; /* رنگ سازمانی مشابه دیجی‌کالا */
    color: #ffffff !important;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease;
    box-shadow: 0 4px 12px rgba(239, 64, 86, 0.3);
}

.price-fallback-box .contact-btn:hover {
    background-color: #d9364b;
}

/* --- ۳. استایل گالری تصاویر مدرن (مشابه دیجی‌کالا) --- */
.woocommerce-product-gallery {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f0f0f0;
}

/* ریسپانسیو کامل برای موبایل و تبلت */
@media (max-width: 768px) {
    .elementor-location-single .e-con {
        padding: 16px;
        border-radius: 12px;
    }
    .product_title.entry-title {
        font-size: 20px;
    }
    .woocommerce-product-attributes.shop_attributes {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ساحل';
	font-display: auto;
	src: url('https://ch-l.ir/wp-content/uploads/2026/08/Sahel.ttf') format('truetype');
}
/* End Custom Fonts CSS */