.elementor-85449 .elementor-element.elementor-element-647e9d8{--display:flex;--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-85449 .elementor-element.elementor-element-5363368 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;}.elementor-85449 .elementor-element.elementor-element-82664e3{padding:0px 12px 0px 12px;text-align:justify;}body.elementor-page-85449:not(.elementor-motion-effects-element-type-background), body.elementor-page-85449 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000EB;}@media(max-width:767px){.elementor-85449 .elementor-element.elementor-element-647e9d8{--content-width:95%;}.elementor-85449 .elementor-element.elementor-element-82664e3{text-align:start;}}@media(min-width:768px){.elementor-85449 .elementor-element.elementor-element-647e9d8{--content-width:990px;}}@media(max-width:1026px) and (min-width:768px){.elementor-85449 .elementor-element.elementor-element-647e9d8{--content-width:95%;}}/* Start custom CSS for heading, class: .elementor-element-5f67463 */.badge {
            display: inline-block;
            background: #c8102e20;
            color: #c8102e;
            padding: 4px 18px;
            border-radius: 40px;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 1px;
            border: 1px solid #c8102e40;
            width: fit-content;
            margin-bottom: 20px;
        }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5363368 */.hero h1 {
            font-size: 4rem;
            font-weight: 900;
            line-height: 1.1;
            background: linear-gradient(135deg, #f0e6d8, #c8102e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .hero h1 small {
            display: block;
            font-size: 1.4rem;
            font-weight: 300;
            -webkit-text-fill-color: #888;
            color: #888;
            background: none;
            letter-spacing: 3px;
            margin-top: 6px;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 8px;
        }
@media (max-width: 600px) {
            .hero h1 { font-size: 2.6rem; }
            
            
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1141261 */.hero-subtitle{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
    font-size:1.4rem;
    color:#888;
    margin-top:8px;
}

.hero-text{
    white-space:nowrap;
}

.logo-evolution{
    display:inline-flex;
    align-items:center;
    gap:6px;
    direction:ltr;
    overflow-x:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
    flex-shrink:0;
}

.logo-evolution::-webkit-scrollbar{
    display:none;
}

.logo-item{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:8px;
    border:2px solid rgba(255,255,255,.12);
    background:#1a1414;
    overflow:hidden;
    padding:4px;
    position:relative;
    transition:.25s;
    flex-shrink:0;
}

.logo-item:hover{
    transform:scale(1.12);
    border-color:#c8102e;
    box-shadow:0 0 25px rgba(200,16,46,.25);
}

.logo-item img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.year-tip{
    position:absolute;
    bottom:-18px;
    font-size:.55rem;
    color:#666;
    opacity:0;
    transition:.2s;
}

.logo-item:hover .year-tip{
    opacity:1;
}

@media (max-width:600px){
    .hero-subtitle{
        font-size:1rem;
        gap:6px;
    }

    .logo-item{
        width:28px;
        height:28px;
        padding:3px;
    }
}

@media (max-width:400px){
    .hero-subtitle{
        font-size:.9rem;
    }

    .logo-item{
        width:24px;
        height:24px;
        padding:2px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e9ce5af */.hero-description{
    font-size:1.2rem;
    color:#aaa;
    max-width:560px;
    margin-top:16px;
    border-right:3px solid #c8102e;
    padding-right:20px;
    line-height:2;
}

@media (max-width:600px){
    .hero-description{
        font-size:1rem;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-82664e3 *//* ===== RESET & BASE ===== */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.main-wrap{
    max-width:880px;
    margin:0 auto;
    
}

a{
    text-decoration:none;
    color:#e63946;
}

/* ===== مقدمه سینمایی ===== */

.cinematic-intro{
    background:#0f0c0c;
    padding:28px 34px;
    border-radius:24px;
    margin:20px 0 40px;
    border-right:6px solid #c8102e;
    box-shadow:0 0 50px rgba(200,16,46,.04);
    position:relative;
    overflow:hidden;
}

.cinematic-intro:before{
    content:"“";
    position:absolute;
    top:-10px;
    right:10px;
    font-size:8rem;
    color:#c8102e;
    opacity:.06;
    font-family:serif;
    line-height:1;
}

.cinematic-intro .intro-title{
    font-size:1.6rem;
    font-weight:300;
    color:#c8102e;
    letter-spacing:4px;
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:12px;
    position:relative;
    z-index:2;
}

.cinematic-intro .intro-title:after{
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(90deg,#c8102e40,transparent);
}

.cinematic-intro p{
    font-size:1.25rem;
    line-height:2.1;
    color:#ddd;
    font-weight:300;
    letter-spacing:.3px;
    position:relative;
    z-index:2;
}

.cinematic-intro p strong{
    color:#fff;
}

.cinematic-intro .highlight-red{
    color:#c8102e;
    font-weight:700;
}

.cinematic-intro .cinema-line{
    display:block;
    margin-top:12px;
    font-size:1rem;
    color:#888;
    letter-spacing:2px;
    border-top:1px solid #1f1818;
    padding-top:14px;
    text-align:left;
}

/* ===== فهرست مطالب ===== */

.toc-timeline{
    background:#121010;
    padding:28px 32px;
    border-radius:24px;
    margin:30px 0 50px;
    border-right:4px solid #c8102e;
    box-shadow:inset 0 0 30px rgba(0,0,0,.5);
}

.toc-timeline h2{
    font-size:1.2rem;
    font-weight:700;
    color:#ddd;
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:10px;
}

.toc-timeline .timeline{
    display:flex;
    flex-direction:column;
    gap:4px;
    position:relative;
}

.toc-timeline .timeline:before{
    content:"";
    position:absolute;
    right:9px;
    top:12px;
    bottom:12px;
    width:2px;
    background:#2a2424;
}

.toc-timeline .tl-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:6px 0;
    padding-right:28px;
    position:relative;
}

.toc-timeline .tl-item .dot{
    position:absolute;
    right:2px;
    width:14px;
    height:14px;
    border-radius:50%;
    background:#1f1818;
    border:2px solid #c8102e;
    transition:.2s;
}

.toc-timeline .tl-item:hover .dot{
    background:#c8102e;
    box-shadow:0 0 20px #c8102e60;
}

.toc-timeline .tl-item .num{
    color:#c8102e;
    font-weight:800;
    font-size:.9rem;
    min-width:28px;
}

.toc-timeline .tl-item a{
    color:#ccc;
    font-size:.95rem;
    transition:.2s;
    border-bottom:1px dotted transparent;
}

.toc-timeline .tl-item a:hover{
    color:#fff;
    border-bottom-color:#c8102e;
}

.toc-timeline .tl-sub{
    padding-right:42px;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.toc-timeline .tl-sub .tl-item .num{
    font-size:.75rem;
    min-width:20px;
}

.toc-timeline .tl-sub .tl-item .dot{
    width:10px;
    height:10px;
    border-width:1px;
}

/* ===== تیترها ===== */

h2.section-title{
    font-size:2.1rem;
    font-weight:800;
    margin:10px 0 6px;
    color:#f0e6d8;
    display:inline-block;
    position:relative;
	text-align:right !important;
}

h2.section-title:after{
    content:"";
    position:absolute;
    bottom:-4px;
    right:0;
    width:60px;
    height:4px;
    border-radius:4px;
    background:#c8102e;
}

.section-year{
    display:block;
    margin-bottom:20px;
    color:#666;
    font-size:1rem;
    letter-spacing:2px;
}

h3{
    font-size:1.7rem;
    margin:34px 0 10px;
    color:#ddd;
    border-right:4px solid #c8102e55;
    padding-right:14px;
}

h4{
    font-size:1.25rem;
    margin:22px 0 6px;
    color:#bbb;
}

p{
    margin-bottom:1.2rem;
    font-size:1.05rem;
    color:#ccc;
}

ul,
ol{
    padding-right:24px;
    margin-bottom:16px;
    color:#ccc;
}

li{
    margin-bottom:4px;
}

/* ===== باکس ها ===== */

.highlight-box{
    background:linear-gradient(135deg,#1a1313,#140e0e);
    border-right:6px solid #c8102e;
    padding:18px 26px;
    margin:28px 0;
    border-radius:16px;
    box-shadow:0 4px 24px rgba(0,0,0,.4);
    color: #ad9595;
}

.highlight-box strong{
    color:#e63946;
}

.quote-modern{
    background:#0f0c0c;
    padding:20px 32px;
    margin:30px 0;
    border-radius:20px;
    border-right:8px solid #c8102e;
    color:#e4ddd6;
    box-shadow:0 4px 30px rgba(0,0,0,.5);
    position:relative;
    font-size:1.15rem;
    font-style:italic;
}

.quote-modern .icon{
    font-size:2.4rem;
    color:#c8102e;
    opacity:.4;
    margin-left:10px;
}

.quote-modern footer{
    margin-top:8px;
    font-size:.9rem;
    color:#777;
    font-style:normal;
}

.callout-image{
    background:#151010;
    padding:16px 22px;
    border-radius:16px;
    margin:28px 0;
    border-right:6px solid #e67e22;
    display:flex;
    align-items:flex-start;
    gap:14px;
    box-shadow:0 2px 16px rgba(0,0,0,.3);
}

.callout-image .icon{
    font-size:1.8rem;
    flex-shrink:0;
}

.callout-image div{
    color:#bbb;
    font-size:.95rem;
}

.divider-line{
    width:100%;
    height:1px;
    background:linear-gradient(90deg,#1f1818,transparent);
    margin:40px 0 10px;
}

.section-anchor{
    scroll-margin-top:30px;
}

/* ===== Responsive ===== */

@media(max-width:600px){

    

    .cinematic-intro{
        padding:18px;
    }

    .cinematic-intro p{
        font-size:1.05rem;
    }

    .cinematic-intro:before{
        font-size:5rem;
        top:0;
    }

    .cinematic-intro .intro-title{
        font-size:1.2rem;
    }

    h2.section-title{
        font-size:1.9rem;
    }

    h3{
        font-size:1.3rem;
    }

    .quote-modern{
        font-size:1rem;
        padding:14px 18px;
    }
}

@media(max-width:500px){

    .toc-timeline{
        padding:16px 12px;
    }

    .toc-timeline .tl-sub{
        padding-right:20px;
    }
}
/* ============================================================ */
/* ===== بخش‌های تاریخچه با طراحی دو ستونی ===== */
/* ============================================================ */

.history-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    min-height: 100vh; /* حداقل ارتفاع کامل صفحه */
    align-items: start;
    margin-bottom: 80px;
    padding-bottom: 40px;
    border-bottom: 1px solid #1f1818;
    position: relative;
}
.history-section:last-of-type {
    border-bottom: none;
    margin-bottom: -58px;
}

/* ===== سمت چپ: محتوای متنی ===== */
.history-content {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
}

/* اطمینان از اینکه آخرین المان فاصله اضافی نداشته باشد */
.history-content > :last-child {
    margin-bottom: 0;
}

/* ===== سمت راست: تصویر ثابت ===== */
.history-image {
    position: sticky;
    top: 178px; /* ارتفاع هدر */
    align-self: start;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
    border: 1px solid #1f1818;
    background: #0f0c0c;
    min-height: 400px;
    max-height: calc(100vh - 200px); /* جلوگیری از خروج از صفحه */
    display: flex;
    align-items: center;
    justify-content: center;
}
.history-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;  /* ← جایگزین cover */
    background: #0f0c0c;  /* ← رنگ پس‌زمینه برای پر کردن فضای خالی */
    min-height: 400px;
    display: block;
	border-radius: 0px !important;
}
.history-image img:hover {
    transform: scale(1.02);
}
.history-image .image-placeholder {
    width: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a1313, #2a1a1a);
    color: #555;
    font-size: 1.2rem;
    padding: 30px;
    text-align: center;
}
.history-image .image-placeholder .icon-big {
    font-size: 4rem;
    display: block;
    margin-bottom: 12px;
}
/* ============================================================ */
/* ===== واکنش‌گرایی (Responsive) برای موبایل ===== */
/* ============================================================ */

@media (max-width: 968px) {
    .history-section {
        grid-template-columns: 1fr;
        gap: 0;
        min-height: auto;
        padding-bottom: 30px;
        margin-bottom: 50px;
    }
    
.history-section:last-of-type {

    margin-bottom: -90px;
}
    /* تصویر استیکی در بالای صفحه - حالت عادی (با حاشیه) */
    .history-image {
        position: sticky;
        top: 151px;
        order: -1;
        min-height: 300px;
        max-height: 100% !important;
        border-radius: 0 0 20px 20px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
        align-self: auto;
        margin-bottom: 0;
        z-index: 10;
        /* حالت عادی: با حاشیه */
        width: auto;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        transition: all 0.3s ease;
    }
    .history-image img {
        min-height: 300px;
        max-height: 100% !important;
        object-fit: cover;
        object-position: center;
        width: 100%;
        display: block;
    }
    
    /* ===== حالت استیکی (تمام‌عرض) ===== */
    .history-image.is-stuck {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        max-width: 100vw !important;
        border-radius: 0 !important;
        margin-bottom: 20px !important;
    }
    
    /* هاله‌ای سیاه در پایین تصویر */
    .history-image::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 120px;
        background: linear-gradient(to top, #070000 0%, transparent 100%);
        pointer-events: none;
        z-index: 2;
        border-radius: 0;
    }
    
    /* محتوای متنی */
    .history-content {
        padding: 60px 16px 30px;
        background: transparent;
        border-radius: 0;
        display: block;
        position: relative;
        z-index: 1;
        margin-top: -30px;
    }
    .history-content .section-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 600px) {
    .history-image {
        top: 151px;
        min-height: 220px;
        max-height: 100% !important;
    }
    .history-image img {
        min-height: 220px;
        max-height: 100% !important;
    }
    .history-image::after {
        height: 100px;
    }
    .history-content {
        padding: 50px 14px 20px;
        margin-top: -25px;
    }
    .history-content .section-title {
        font-size: 1.6rem;
    }
    .history-content h3 {
        font-size: 1.3rem;
    }
    .history-content p {
        font-size: 0.95rem;
    }
}

@media (max-width: 400px) {
    .history-image {
        top: 151px;
        min-height: 160px;
        max-height: 100% !important;
    }
    .history-image img {
        min-height: 160px;
        max-height: 100% !important;
    }
    .history-image::after {
        height: 80px;
    }
    .history-content {
        padding: 40px 12px 16px;
        margin-top: -20px;
    }
    .history-content .section-title {
        font-size: 1.4rem;
    }
    .history-content h3 {
        font-size: 1.1rem;
    }
    .history-content p {
        font-size: 0.85rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-119ca91 */#progress-bar {
            position: fixed;
            top: 171px;
            left: 0;
            height: 4px;
            background: linear-gradient(90deg, #b8860b, #ffd700);
            z-index: 1001;
            width: 0%;
            transition: width 0.08s;
            box-shadow: 0 0 20px #c8102e;
        }
        
                .back-top {
            position: fixed;
            bottom: 30px;
            left: 30px;
            width: 48px;
            height: 48px;
            background: rgba(20, 12, 12, 0.8);
            border: 1px solid #c8102e40;
            border-radius: 50%;
            color: #ffffff;
            font-size: 1.4rem;
            cursor: pointer;
            transition: 0.25s;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(6px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
            opacity: 0;
            visibility: hidden;
            transform: translateY(16px);
            z-index: 999;
        }
        .back-top.show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        .back-top:hover {
            background: #c8102e;
            color: #fff;
            border-color: #c8102e;
        }

        @media (max-width: 600px) {
            
            h2.section-title { font-size: 1.9rem; }
            h3 { font-size: 1.3rem; }
            .quote-modern { font-size: 1rem; padding: 14px 18px; }
            .back-top { bottom: 20px; left: 16px; width: 42px; height: 42px; font-size: 1.2rem; }
        }

        .section-anchor { scroll-margin-top: 30px; }
        
@media (max-width: 768px) {
    #progress-bar {
        top: 152px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://acmilan.ir/wp-content/uploads/2026/06/Vazirmatn-Regular.woff2') format('woff2'),
		url('https://acmilan.ir/wp-content/uploads/2026/06/Vazirmatn-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://acmilan.ir/wp-content/uploads/2026/06/Vazirmatn-SemiBold.woff2') format('woff2'),
		url('https://acmilan.ir/wp-content/uploads/2026/06/Vazirmatn-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://acmilan.ir/wp-content/uploads/2026/06/Vazirmatn-Bold.woff2') format('woff2'),
		url('https://acmilan.ir/wp-content/uploads/2026/06/Vazirmatn-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */