.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-55bc060{width:var( --container-widget-width, 54.695% );max-width:54.695%;--container-widget-width:54.695%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-55bc060.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-55bc060:not( .elementor-widget-image ), .elementor-11 .elementor-element.elementor-element-55bc060.elementor-widget-image img{-webkit-mask-image:url( https://steranger.ir/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:81%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-widget-theme-site-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-9f72961{width:var( --container-widget-width, 60.738% );max-width:60.738%;margin:58px -150px calc(var(--kit-widget-spacing, 0px) + 13px) 1px;--container-widget-width:60.738%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-9f72961.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-9f72961 .elementor-heading-title{color:#FF8500;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-55bc060{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 2px) 0px;}}/* Start custom CSS for theme-site-title, class: .elementor-element-9f72961 *//* =================================
   WORDPRESS RESPONSIVE MASTER CSS
   Desktop / Tablet / Mobile
================================= */

/* 1. تنظیمات کلی */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    max-width: 100%;
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    max-width: 100%;
    overflow-wrap: break-word;
}

img,
video,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}

input,
select,
textarea,
button {
    max-width: 100%;
    font: inherit;
}

/* 2. المنتور و کانتینرها */
.elementor,
.elementor *,
.site,
.site-content,
.site-main,
.site-header,
.site-footer,
.wp-site-blocks {
    min-width: 0;
}

.elementor img,
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/* 3. متن‌ها */
h1 {
    font-size: clamp(26px, 3.5vw, 48px);
    line-height: 1.3;
}

h2 {
    font-size: clamp(23px, 2.8vw, 36px);
    line-height: 1.4;
}

h3 {
    font-size: clamp(19px, 2vw, 27px);
    line-height: 1.5;
}

p {
    line-height: 1.9;
}

/* 4. تصاویر و ویدیوها */
.wp-block-image,
.elementor-widget-image,
.wp-block-video {
    max-width: 100%;
}

.wp-block-image img,
.elementor-widget-image img {
    display: block;
    max-width: 100%;
}

/* 5. محصولات ووکامرس */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.woocommerce ul.products li.product {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    min-width: 0;
}

.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
}

/* 6. تبلت */
@media (max-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .elementor-section,
    .elementor-container {
        max-width: 100%;
    }
}

/* 7. موبایل */
@media (max-width: 767px) {
    body {
        font-size: 15px;
    }

    .elementor-section,
    .elementor-container,
    .e-con {
        max-width: 100%;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .woocommerce ul.products li.product {
        font-size: 14px;
    }

    .woocommerce ul.products li.product .button {
        display: block;
        width: 100%;
        text-align: center;
        white-space: normal;
    }

    .elementor-widget-button .elementor-button {
        max-width: 100%;
        white-space: normal;
    }

    .wp-block-table {
        max-width: 100%;
        overflow-x: auto;
    }

    .wp-block-table table {
        min-width: 100%;
    }

    input,
    select,
    textarea {
        max-width: 100%;
    }
}

/* 8. موبایل کوچک */
@media (max-width: 380px) {
    .woocommerce ul.products {
        gap: 8px;
    }

    .woocommerce ul.products li.product {
        font-size: 13px;
    }
}/* End custom CSS */