.elementor-13707 .elementor-element.elementor-element-d8d55eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13707 .elementor-element.elementor-element-11909ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13707 .elementor-element.elementor-element-74949ba{--spacer-size:100px;}/* Start custom CSS for html, class: .elementor-element-0d8f394 *//* ==========================================
   MAHSHOOYAN PRODUCTS PAGE
   فقط مخصوص صفحه محصولات
========================================== */

.mah-products-page{
    --mah-text:#18202a;
    --mah-muted:#67717e;
    --mah-border:#e9edf1;
    --mah-bg:#f7f8fa;
    --mah-white:#ffffff;

    direction:rtl;
    width:100%;
    color:var(--mah-text);
    font-family:inherit;
    line-height:1.9;
    overflow:hidden;
}

.mah-products-page *,
.mah-products-page *::before,
.mah-products-page *::after{
    box-sizing:border-box;
}

.mah-products-page a{
    text-decoration:none;
    color:inherit;
}

.mah-products-page img{
    max-width:100%;
    height:auto;
    display:block;
}


/* ==============================
   HERO
============================== */

.mah-products-hero{
    max-width:1240px;
    margin:0 auto 38px;
    padding:55px 22px 20px;
    text-align:center;
}

.mah-products-eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-bottom:12px;
    padding:7px 15px;
    border-radius:999px;
    background:#f0f3f6;
    color:#525d69;
    font-size:13px;
    font-weight:600;
}

.mah-products-hero h1{
    margin:0 0 15px;
    font-size:clamp(30px,4vw,50px);
    line-height:1.45;
    font-weight:800;
}

.mah-products-hero p{
    max-width:790px;
    margin:0 auto;
    color:var(--mah-muted);
    font-size:16px;
    line-height:2;
}


/* ==============================
   BRAND NAVIGATION
============================== */

.mah-brand-nav-wrap{
    position:sticky;
    top:0;
    z-index:30;

    background:rgba(255,255,255,.94);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    border-top:1px solid var(--mah-border);
    border-bottom:1px solid var(--mah-border);
}

.mah-brand-nav{
    max-width:1240px;
    margin:auto;
    padding:12px 20px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    overflow-x:auto;

    scrollbar-width:none;
}

.mah-brand-nav::-webkit-scrollbar{
    display:none;
}

.mah-brand-nav a{
    flex:0 0 auto;

    padding:9px 17px;

    border:1px solid #e7eaed;
    border-radius:999px;

    background:#fff;

    color:#3a434d;

    font-size:13px;
    font-weight:600;

    transition:.25s ease;
}

.mah-brand-nav a:hover{
    background:#17202a;
    color:#fff;
    border-color:#17202a;
    transform:translateY(-1px);
}


/* ==============================
   MAIN AREA
============================== */

.mah-brands-wrapper{
    background:
        radial-gradient(
            circle at 10% 5%,
            rgba(80,108,140,.05),
            transparent 26%
        ),
        var(--mah-bg);

    padding:55px 20px 75px;
}


/* ==============================
   BRAND CARD
============================== */

.mah-brand-section{
    --brand:#2466b3;

    max-width:1240px;
    margin:0 auto 42px;

    padding:22px;

    background:var(--mah-white);

    border:1px solid var(--mah-border);
    border-radius:26px;

    box-shadow:
        0 10px 40px rgba(16,28,40,.045);

    scroll-margin-top:90px;
}

.mah-brand-layout{
    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr);

    gap:32px;

    align-items:center;
}


/* یکی درمیان جای عکس عوض شود */

.mah-brand-section:nth-child(even) .mah-brand-visual{
    order:2;
}

.mah-brand-section:nth-child(even) .mah-brand-content{
    order:1;
}


/* ==============================
   BRAND IMAGE
============================== */

.mah-brand-visual{
    position:relative;
    overflow:hidden;

    border-radius:21px;

    background:#eef1f4;

    aspect-ratio:16 / 10;
}

.mah-brand-visual::after{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(0,0,0,.05)
        );
}

.mah-brand-visual img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .6s ease;
}

.mah-brand-section:hover
.mah-brand-visual img{
    transform:scale(1.018);
}


/* شماره برند */

.mah-brand-number{
    position:absolute;

    z-index:2;

    top:16px;
    right:16px;

    width:43px;
    height:43px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.93);

    backdrop-filter:blur(7px);

    color:var(--brand);

    font-weight:800;
    font-size:13px;

    box-shadow:
        0 4px 16px rgba(0,0,0,.08);
}


/* ==============================
   BRAND CONTENT
============================== */

.mah-brand-content{
    padding:7px 5px;
}

.mah-brand-label{
    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:7px;

    color:var(--brand);

    font-size:13px;
    font-weight:800;
}

.mah-brand-label::before{
    content:"";

    width:20px;
    height:3px;

    border-radius:20px;

    background:var(--brand);
}

.mah-brand-content h2{
    margin:0 0 11px;

    font-size:clamp(26px,3vw,36px);

    line-height:1.5;

    font-weight:800;
}

.mah-brand-description{
    margin:0 0 21px;

    color:var(--mah-muted);

    font-size:14.5px;

    line-height:2;
}


/* ==============================
   TAGS
============================== */

.mah-brand-tags{
    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-bottom:24px;
}

.mah-brand-tags span{
    display:inline-flex;

    align-items:center;

    padding:6px 11px;

    border-radius:8px;

    background:#f2f5f7;

    color:var(--brand);

    font-size:12px;

    font-weight:700;
}


/* ==============================
   PRODUCT GROUPS
============================== */

.mah-product-groups{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px;
}

.mah-product-group{
    min-width:0;

    padding:15px;

    border-radius:15px;

    border:1px solid #edf0f2;

    background:#fafbfc;
}

.mah-product-group.full{
    grid-column:1 / -1;
}

.mah-product-group h3{
    margin:0 0 10px;

    display:flex;

    align-items:center;

    gap:8px;

    font-size:14px;

    font-weight:800;

    color:#29323b;
}

.mah-product-group h3::before{
    content:"";

    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:var(--brand);
}

.mah-product-list{
    display:flex;

    flex-wrap:wrap;

    gap:7px;
}

.mah-product-item{
    display:inline-flex;

    align-items:center;

    padding:6px 9px;

    border-radius:7px;

    border:1px solid #e7ebee;

    background:#fff;

    color:#59636e;

    font-size:11.5px;

    line-height:1.6;
}


/* ==============================
   INFO BOXES
============================== */

.mah-info-box{
    max-width:1240px;

    margin:0 auto 38px;

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:12px;
}

.mah-info-item{
    padding:20px;

    background:#fff;

    border:1px solid var(--mah-border);

    border-radius:17px;
}

.mah-info-item strong{
    display:block;

    margin-bottom:3px;

    font-size:15px;
}

.mah-info-item span{
    color:var(--mah-muted);

    font-size:12.5px;
}


/* ==============================
   BOTTOM NOTE
============================== */

.mah-products-note{
    max-width:1240px;

    margin:0 auto;

    padding:27px;

    border-radius:22px;

    background:#17202a;

    color:#fff;

    text-align:center;
}

.mah-products-note strong{
    display:block;

    margin-bottom:7px;

    font-size:19px;
}

.mah-products-note p{
    max-width:800px;

    margin:0 auto;

    opacity:.72;

    font-size:13px;

    line-height:2;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width:1024px){

    .mah-brand-layout{
        gap:23px;
    }

    .mah-product-groups{
        grid-template-columns:1fr;
    }

    .mah-product-group.full{
        grid-column:auto;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width:767px){

    .mah-products-hero{
        padding:38px 17px 15px;

        margin-bottom:22px;
    }

    .mah-products-hero h1{
        font-size:29px;
    }

    .mah-products-hero p{
        font-size:13px;

        line-height:2;
    }


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

    .mah-brand-nav{
        justify-content:flex-start;

        padding:10px 14px;
    }

    .mah-brand-nav a{
        font-size:11px;

        padding:7px 13px;
    }


    .mah-brands-wrapper{
        padding:
            30px 11px
            45px;
    }


    /* سه باکس معرفی */

    .mah-info-box{
        grid-template-columns:1fr;

        gap:8px;

        margin-bottom:25px;
    }

    .mah-info-item{
        padding:15px;
    }


    /* برندها */

    .mah-brand-section{
        padding:11px;

        border-radius:19px;

        margin-bottom:19px;
    }

    .mah-brand-layout{
        display:flex;

        flex-direction:column;

        gap:18px;
    }

    .mah-brand-section:nth-child(even)
    .mah-brand-visual,

    .mah-brand-section:nth-child(even)
    .mah-brand-content{
        order:initial;
    }


    /* تصویر */

    .mah-brand-visual{
        width:100%;

        aspect-ratio:16 / 10;

        border-radius:15px;
    }


    /* متن */

    .mah-brand-content{
        width:100%;

        padding:2px 4px 7px;
    }

    .mah-brand-content h2{
        font-size:24px;

        margin-bottom:7px;
    }

    .mah-brand-description{
        font-size:12.5px;

        line-height:2;

        margin-bottom:15px;
    }

    .mah-brand-tags{
        margin-bottom:16px;
    }


    /* محصولات */

    .mah-product-groups{
        grid-template-columns:1fr;

        gap:8px;
    }

    .mah-product-group{
        padding:12px;

        border-radius:12px;
    }

    .mah-product-group h3{
        font-size:13px;
    }

    .mah-product-item{
        font-size:10.5px;

        padding:5px 8px;
    }


    /* پایین صفحه */

    .mah-products-note{
        padding:21px 16px;

        border-radius:17px;
    }

}


/* موبایل کوچک */

@media (max-width:420px){

    .mah-brand-visual{
        aspect-ratio:16 / 11;
    }

    .mah-brand-number{
        width:37px;
        height:37px;

        top:11px;
        right:11px;

        font-size:11px;
    }

}/* End custom CSS */