.elementor-97461 .elementor-element.elementor-element-0dde1f3{--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-97461 .elementor-element.elementor-element-503c66b{--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-97461 .elementor-element.elementor-element-3b77a47{--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-97461 .elementor-element.elementor-element-0412f6c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-97461 .elementor-element.elementor-element-cc2ad61 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-97461 .elementor-element.elementor-element-e4752a0{--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-97461 .elementor-element.elementor-element-c66cd5f{--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:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .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-97461 .elementor-element.elementor-element-3b6bb00 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-97461 .elementor-element.elementor-element-caf7800{--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:-104px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-97461 .elementor-element.elementor-element-8344d1d{--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-97461 .elementor-element.elementor-element-f26816e{--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;}/* Start custom CSS for shortcode, class: .elementor-element-f921abe */.worldcup-image-box{
    position:relative;
    display:inline-block;
    overflow:hidden;
    border-radius:28px;
    animation: floatImage 6s ease-in-out infinite;
    
    box-shadow:
    0 20px 40px rgba(0,0,0,.45),
    0 0 25px rgba(255,196,0,.15);
}

.worldcup-image-box img{
    display:block;
    width:100%;
    height:auto;
    border-radius:28px;
}

/* نور متحرک روی عکس */
.worldcup-image-box::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-120%;
    width:60%;
    height:200%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,215,0,.08),
        rgba(255,230,120,.35),
        rgba(255,215,0,.08),
        transparent
    );

    transform:rotate(18deg);
    animation: shineMove 7s linear infinite;
    z-index:2;
    pointer-events:none;
}

/* هاله طلایی دور تصویر */
.worldcup-image-box::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:28px;

    box-shadow:
    inset 0 0 30px rgba(255,215,0,.12),
    inset 0 0 60px rgba(255,215,0,.08);

    pointer-events:none;
}

@keyframes shineMove{
    0%{
        left:-140%;
    }

    100%{
        left:160%;
    }
}

@keyframes floatImage{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0px);
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0412f6c */.premium-heading{
    position:relative;
    display:inline-block;
    overflow:hidden;

    color:#00B8FF;
    font-size:42px;
    font-weight:800;

    padding-bottom:20px;
}

.premium-heading::after{
    content:'';

    position:absolute;

    bottom:-12px;
    left:0;

    width:120px;
    height:20px;

    border-radius:999px;

    background:radial-gradient(
        circle,
        rgba(79,216,255,.95) 0%,
        rgba(79,216,255,.45) 40%,
        rgba(79,216,255,0) 100%
    );

    filter:blur(8px);

    animation:lightMove 5s linear infinite;
}

@keyframes lightMove{

    0%{
        transform:translateX(-120px);
        opacity:0;
    }

    10%{
        opacity:1;
    }

    90%{
        opacity:1;
    }

    100%{
        transform:translateX(calc(100vw));
        opacity:0;
    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bbadb87 */.article-preview-box{

    position:relative;

    margin:35px 0;

    padding:28px;

    border-radius:24px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.85),
        rgba(255,255,255,.65)
    );

    backdrop-filter:blur(18px);

    box-shadow:
    0 20px 50px rgba(0,0,0,.08),
    0 0 25px rgba(0,184,255,.08);

    overflow:hidden;

    transition:.4s;
}

.article-preview-box:hover{

    transform:translateY(-4px);

    box-shadow:
    0 25px 60px rgba(0,0,0,.12),
    0 0 35px rgba(0,184,255,.15);
}

.preview-title{

    font-size:24px;

    font-weight:800;

    color:#00B8FF;

    margin-bottom:20px;
}

.preview-items{

    display:grid;

    gap:14px;
}

.preview-item{

    position:relative;

    padding-right:12px;

    font-size:16px;

    color:#222;

    font-weight:500;
}

/* نور متحرک برند سایت */
.article-preview-box::before{

    content:'';

    position:absolute;

    top:0;

    width:180px;

    height:100%;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(0,184,255,.18),
        transparent
    );

    filter:blur(15px);

    animation:previewGlow 8s linear infinite;
}

@keyframes previewGlow{

    0%{
        left:-220px;
    }

    100%{
        left:calc(100% + 220px);
    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-41b3197 *//*==================================================
        MegaShart Apps Table (STABLE FIX)
==================================================*/

.apps-table{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:18px;
    margin:30px 0;
}

/*==========================
ROW
==========================*/

.app-row{

    display:grid;

    /* FIX اصلی: ستون‌ها استاندارد و بدون overflow */
    grid-template-columns: 140px 200px 1fr 180px;

    align-items:center;

    gap:18px;

    padding:18px 20px;

    border-radius:22px;

    background: linear-gradient(135deg,#172638,#101826);

    border:1px solid rgba(0,184,255,.12);

    box-shadow:0 12px 35px rgba(0,0,0,.20);

    position:relative;

    transition:.35s;

    overflow:hidden; /* مهم: برگردوندیم برای جلوگیری از بیرون زدن */
}

/* hover light */
.app-row::before{
content:"";
position:absolute;
left:-220px;
top:0;
width:180px;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
transform:skewX(-25deg);
transition:1s;
}

.app-row:hover::before{
left:120%;
}

/* right bar */
.app-row::after{
content:"";
position:absolute;
right:0;
top:15%;
width:4px;
height:70%;
border-radius:20px;
background:#1EB8FF;
opacity:0;
transition:.35s;
}

.app-row:hover::after{
opacity:1;
box-shadow:0 0 15px #1EB8FF;
}

.app-row:hover{
transform:translateY(-4px);
border-color:#35C8FF;
box-shadow:0 18px 45px rgba(0,184,255,.18);
}

/*==========================
LOGO (FIXED with your HTML)
==========================*/

.app-logo{
    display:flex;
    justify-content:center;
    align-items:center;
}

.app-logo img{
    max-width:140px;
    max-height:60px;
    object-fit:contain;
}

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

.app-info h3{
margin:0;
font-size:22px;
font-weight:800;
color:#7ED8FF;
}

.app-info span{
display:block;
margin-top:8px;
font-size:13px;
color:#7ED8FF;
}

/*==========================
FEATURES
==========================*/

.app-features{
display:flex;
gap:10px;
justify-content:center;
flex-wrap:wrap;
}

.app-features .feature{
width:110px;
height:46px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

border-radius:14px;
background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,5,255,.04));
border:1px solid rgba(0,8888,255,.15);

font-size:13px;
color:#7ED8FF;
}

/*==========================
DOWNLOAD (FIXED REAL)
==========================*/

.app-download{
display:flex;
justify-content:flex-end;
align-items:center;
}

.app-download a{

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

width:160px;   /* FIX: ثابت */
height:48px;

background:linear-gradient(180deg,#181fB6FF,#007bbbbbBFF);

color:#ffffff;
font-size:15px;
font-weight:800;
text-decoration:none;

border-radius:14px;

box-shadow:0 10px 25px rgba(0,132,255,.35);

transition:.3s;

white-space:nowrap;
}

.app-download a:hover{
transform:translateY(-3px);
background:linear-gradient(180deg,#33C8FF,#008CFF);
}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.app-row{
grid-template-columns:1fr;
text-align:center;
}

.app-download{
justify-content:center;
margin-top:10px;
}

.app-download a{
width:90%;
max-width:280px;
}
}
.app-features .feature{
    gap:0px;
}

.app-features .feature small{
    font-size:12px;
    line-height:0;
}/* End custom CSS */