/* ==========================================================
   PADIDAR HOME SHOWCASE V1
   Inspired by industrial editorial layout
   ========================================================== */

body.home .pf-home-showcase{
    padding:58px 0 66px !important;
    background:#f3f3f3 !important;
    overflow:hidden;
}

body.home .pf-showcase-grid{
    display:grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    grid-template-areas:
        "copy product"
        "category features";

    gap:18px 34px;

    align-items:center;
}


/* TEXT */

body.home .pf-showcase-copy{
    grid-area:copy;

    max-width:620px;

    justify-self:end;

    padding:
        20px 12px 20px 0;
}

body.home .pf-showcase-kicker{
    display:block;

    margin-bottom:7px;

    color:#7d8790;

    font-size:11px !important;
    font-weight:500 !important;
}

body.home .pf-showcase-copy h2{
    margin:0 !important;

    color:#102f4f !important;

    font-size:25px !important;
    line-height:1.65 !important;

    font-weight:800 !important;
}

body.home .pf-showcase-line{
    width:78px;
    height:2px;

    margin:
        10px 0 16px;

    background:#ed1b2f;
}

body.home .pf-showcase-copy p{
    margin:
        0 0 9px !important;

    color:#4e5d69 !important;

    font-size:13px !important;
    line-height:2.05 !important;

    font-weight:400 !important;
}


/* IMAGE BLOCKS */

body.home .pf-showcase-products{
    grid-area:product;
}

body.home .pf-showcase-categories{
    grid-area:category;
}

body.home .pf-showcase-media{
    position:relative;

    width:100%;
    height:285px;

    overflow:hidden;

    border-radius:10px;

    background:#e6eaed;

    box-shadow:
        0 8px 25px rgba(15,43,67,.08);
}

body.home .pf-showcase-slide{
    position:absolute;

    inset:0;

    display:block;

    opacity:0;

    visibility:hidden;

    transition:
        opacity .65s ease,
        visibility .65s ease;
}

body.home .pf-showcase-slide.is-active{
    opacity:1;

    visibility:visible;
}

body.home .pf-showcase-slide img{
    display:block;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    transform:
        scale(1.01);

    transition:
        transform 5s ease;
}

body.home
.pf-showcase-slide.is-active img{
    transform:
        scale(1.045);
}


/* FEATURES */

body.home .pf-showcase-features{
    grid-area:features;

    min-height:250px;

    display:grid;

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

    gap:18px;

    align-items:center;

    padding:
        20px 10px;
}

body.home .pf-showcase-feature{
    min-width:0;

    text-align:center;
}

body.home .pf-showcase-feature-icon{
    width:46px;
    height:46px;

    margin:
        0 auto 10px;

    display:flex;

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

    border:
        1px solid #d5dce2;

    border-radius:50%;

    background:#fff;

    color:#112f4e;

    font-size:20px !important;
    line-height:1 !important;
}

body.home .pf-showcase-feature strong{
    display:block;

    margin-bottom:5px;

    color:#102f4f;

    font-size:14px !important;
    line-height:1.6 !important;

    font-weight:800 !important;
}

body.home .pf-showcase-feature small{
    display:block;

    color:#687783;

    font-size:10.5px !important;
    line-height:1.75 !important;
}


/* TABLET */

@media (max-width:980px){

    body.home .pf-showcase-grid{
        grid-template-columns:1fr 1fr;

        gap:20px;
    }

    body.home .pf-showcase-copy h2{
        font-size:22px !important;
    }

    body.home .pf-showcase-media{
        height:240px;
    }

}


/* MOBILE */

@media (max-width:700px){

    body.home .pf-home-showcase{
        padding:
            35px 0 42px !important;
    }

    body.home .pf-showcase-grid{
        display:flex;

        flex-direction:column;

        gap:16px;
    }

    body.home .pf-showcase-copy{
        order:1;

        width:100%;
        max-width:none;

        padding:0;
    }

    body.home .pf-showcase-products{
        order:2;
    }

    body.home .pf-showcase-categories{
        order:3;
    }

    body.home .pf-showcase-features{
        order:4;
    }

    body.home .pf-showcase-copy h2{
        font-size:20px !important;
        line-height:1.7 !important;
    }

    body.home .pf-showcase-copy p{
        font-size:12px !important;
        line-height:2 !important;
    }

    body.home .pf-showcase-media{
        height:215px;

        border-radius:8px;
    }

    body.home .pf-showcase-features{
        width:100%;

        min-height:0;

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

        gap:8px;

        padding:
            10px 0 0;
    }

    body.home .pf-showcase-feature-icon{
        width:39px;
        height:39px;

        font-size:17px !important;
    }

    body.home .pf-showcase-feature strong{
        font-size:11px !important;
    }

    body.home .pf-showcase-feature small{
        font-size:9px !important;
    }

}



/* ==========================================================
   PADIDAR HOME SHOWCASE CONTAINED V2
   Keep showcase inside a large centered section
   ========================================================== */


/* خود سکشن دیگر پس‌زمینه تمام عرض نداشته باشد */
html body.home
.pf-home-showcase{
    width:100% !important;
    max-width:none !important;

    margin:38px 0 48px !important;
    padding:0 !important;

    background:transparent !important;

    overflow:visible !important;
}


/* کادر اصلی خاکستری */
html body.home
.pf-home-showcase
> .pf-wrap.pf-showcase-grid{

    width:min(
        1560px,
        calc(100% - 96px)
    ) !important;

    max-width:1560px !important;

    margin:
        0 auto !important;

    padding:
        48px 42px 52px !important;

    background:#f3f3f3 !important;

    border-radius:16px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;
}


/* جلوگیری از بیرون‌زدگی Grid */
html body.home
.pf-showcase-grid > *{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}


/* تصاویر هرگز از قاب خارج نشوند */
html body.home
.pf-showcase-media{
    width:100% !important;
    max-width:100% !important;

    overflow:hidden !important;
}


/* فاصله داخلی متعادل‌تر */
html body.home
.pf-showcase-grid{
    column-gap:32px !important;
    row-gap:22px !important;
}


/* TABLET */
@media (max-width:1100px){

    html body.home
    .pf-home-showcase
    > .pf-wrap.pf-showcase-grid{

        width:
            calc(100% - 48px) !important;

        padding:
            36px 28px 40px !important;
    }

}


/* MOBILE */
@media (max-width:700px){

    html body.home
    .pf-home-showcase{
        margin:
            25px 0 32px !important;
    }

    html body.home
    .pf-home-showcase
    > .pf-wrap.pf-showcase-grid{

        width:
            calc(100% - 24px) !important;

        padding:
            24px 16px 28px !important;

        border-radius:12px !important;
    }

}


/* ==========================================================
   END PADIDAR HOME SHOWCASE CONTAINED V2
   ========================================================== */


/* ==========================================================
   PADIDAR SHOWCASE SOFT MEDIA V2
   rounded + glossy + soft transition
   ========================================================== */

html body.home .pf-showcase-media{
    position: relative !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, #ffffff 0%, #eef3f8 100%) !important;
    box-shadow:
        0 16px 36px rgba(12, 37, 74, 0.10),
        0 6px 14px rgba(12, 37, 74, 0.06) !important;
    isolation: isolate !important;
}

html body.home .pf-showcase-media img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 22px !important;
    transform: scale(1.01) !important;
    filter: saturate(1.04) contrast(1.02) brightness(1.01) !important;
    transition:
        opacity .9s ease,
        transform 1.2s ease,
        filter 1.2s ease !important;
    position: relative !important;
    z-index: 2 !important;
}

html body.home .pf-showcase-media::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    border-radius: 24px !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.30) 0%,
            rgba(255,255,255,.16) 18%,
            rgba(255,255,255,0) 42%,
            rgba(255,255,255,0) 100%
        ) !important;
    opacity: .95 !important;
}

html body.home .pf-showcase-media::after{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 4 !important;
    pointer-events: none !important;
    border-radius: 24px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.55),
        inset 0 0 0 1px rgba(255,255,255,.35) !important;
}

html body.home .pf-showcase-media:hover img{
    transform: scale(1.03) !important;
    filter: saturate(1.08) contrast(1.03) brightness(1.02) !important;
}

html body.home .pf-showcase-media .pf-old-image{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 22px !important;
    z-index: 1 !important;
    opacity: 1 !important;
    transition:
        opacity .9s ease,
        transform 1.1s ease !important;
    transform: scale(1.01) !important;
    pointer-events: none !important;
}

@media (max-width: 767px){
    html body.home .pf-showcase-media{
        border-radius: 18px !important;
    }
    html body.home .pf-showcase-media img,
    html body.home .pf-showcase-media .pf-old-image{
        border-radius: 16px !important;
    }
    html body.home .pf-showcase-media::before,
    html body.home .pf-showcase-media::after{
        border-radius: 18px !important;
    }
}

/* ==========================================================
   END PADIDAR SHOWCASE SOFT MEDIA V2
   ========================================================== */


/* ==========================================================
   PADIDAR SHOWCASE IMAGE FRAME FIX V3
   smaller width + premium frame + softer shape
   ========================================================== */

/* خود ستون‌های عکس */
html body.home .pf-showcase-section .pf-showcase-media-wrap,
html body.home .pf-showcase-section .pf-showcase-image-wrap,
html body.home .pf-showcase-section .pf-showcase-media-col{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* قاب اصلی عکس */
html body.home .pf-showcase-media{
    position: relative !important;
    overflow: hidden !important;

    width: 84% !important;
    max-width: 460px !important;
    min-height: 320px !important;
    aspect-ratio: 4 / 3 !important;

    margin: 0 auto 28px auto !important;
    padding: 12px !important;

    border-radius: 34px !important;
    background: linear-gradient(145deg, #ffffff 0%, #f3f7fb 100%) !important;
    border: 1px solid rgba(16, 47, 92, 0.10) !important;

    box-shadow:
        0 26px 60px rgba(15, 35, 70, 0.12),
        0 10px 24px rgba(15, 35, 70, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.85) !important;

    transform: translateZ(0) !important;
}

/* لایه تزئینی قاب */
html body.home .pf-showcase-media::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 34px !important;
    pointer-events: none !important;
    z-index: 3 !important;
    background:
        linear-gradient(135deg,
            rgba(255,255,255,0.42) 0%,
            rgba(255,255,255,0.18) 18%,
            rgba(255,255,255,0.00) 42%,
            rgba(255,255,255,0.00) 100%) !important;
}

/* حلقه‌ی داخلی قاب */
html body.home .pf-showcase-media::after{
    content: "" !important;
    position: absolute !important;
    inset: 10px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(255,255,255,0.65) !important;
    pointer-events: none !important;
    z-index: 3 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.45) !important;
}

/* خود عکس */
html body.home .pf-showcase-media img,
html body.home .pf-showcase-media .pf-old-image{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;

    border-radius: 24px !important;
    filter: saturate(1.06) contrast(1.03) brightness(1.02) !important;

    box-shadow:
        0 12px 24px rgba(14, 30, 60, 0.10) !important;
}

/* هاور خیلی ملایم */
html body.home .pf-showcase-media:hover{
    transform: translateY(-3px) !important;
    transition: all .35s ease !important;
    box-shadow:
        0 30px 70px rgba(15, 35, 70, 0.15),
        0 12px 30px rgba(15, 35, 70, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.90) !important;
}

html body.home .pf-showcase-media:hover img{
    transform: scale(1.018) !important;
    transition: transform .7s ease, filter .7s ease !important;
}

/* اگر دو عکس در این سکشن داریم یکی کمی بالا و یکی کمی پایین‌تر دیده شود */
html body.home .pf-showcase-section .pf-showcase-media.is-top,
html body.home .pf-showcase-section .pf-showcase-media.pf-media-top{
    margin-top: 0 !important;
}

html body.home .pf-showcase-section .pf-showcase-media.is-bottom,
html body.home .pf-showcase-section .pf-showcase-media.pf-media-bottom{
    margin-top: 34px !important;
}

/* موبایل */
@media (max-width: 991px){
    html body.home .pf-showcase-media{
        width: 92% !important;
        max-width: 420px !important;
        min-height: 260px !important;
        aspect-ratio: 4 / 3 !important;
        border-radius: 26px !important;
        padding: 10px !important;
    }

    html body.home .pf-showcase-media::before{
        border-radius: 26px !important;
    }

    html body.home .pf-showcase-media::after{
        inset: 8px !important;
        border-radius: 20px !important;
    }

    html body.home .pf-showcase-media img,
    html body.home .pf-showcase-media .pf-old-image{
        border-radius: 18px !important;
    }
}

@media (max-width: 767px){
    html body.home .pf-showcase-media{
        width: 94% !important;
        max-width: 100% !important;
        min-height: 220px !important;
        border-radius: 22px !important;
    }

    html body.home .pf-showcase-media::before{
        border-radius: 22px !important;
    }

    html body.home .pf-showcase-media::after{
        border-radius: 16px !important;
    }

    html body.home .pf-showcase-section .pf-showcase-media.is-bottom,
    html body.home .pf-showcase-section .pf-showcase-media.pf-media-bottom{
        margin-top: 18px !important;
    }
}

/* ==========================================================
   END PADIDAR SHOWCASE IMAGE FRAME FIX V3
   ========================================================== */



/* ==========================================================
   PADIDAR SHOWCASE DESKTOP TITLE V1
   ========================================================== */

body.home
.pf-showcase-title-desktop{
    display:inline !important;
}

body.home
.pf-showcase-title-mobile{
    display:none !important;
}


/* موبایل: عنوان قبلی حفظ شود */
@media (max-width:700px){

    body.home
    .pf-showcase-title-desktop{
        display:none !important;
    }

    body.home
    .pf-showcase-title-mobile{
        display:inline !important;
    }

}


/* ==========================================================
   END PADIDAR SHOWCASE DESKTOP TITLE V1
   ========================================================== */