@font-face {
    font-family: "IranNastaliq";
    src: url("/companies/zomorodcarpet/assets/fonts/IranNastaliq-Web.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ==============================
   HEADER
============================== */

.header-layout1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    background: transparent !important;
}


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

#hero {
    position: relative;
    height: 950px !important;
    min-height: 950px !important;
    overflow: visible !important;
    /* مهم */
    z-index: auto;
}

    #hero .hero-slider-1 {
        position: relative;
        z-index: 0;
    }


    #hero .hero-slider-1,
    #hero .swiper-wrapper,
    #hero .swiper-slide,
    #hero .hero-inner {
        height: 100% !important;
        min-height: 950px !important;
    }


    #hero .hero-inner {
        position: relative;
        overflow: visible !important;
    }


    /* ==============================
   HERO BACKGROUND EFFECT
============================== */

    #hero .th-hero-bg {
        transform-origin: center center;
        will-change: transform;
    }


    #hero .swiper-slide-active .th-hero-bg {
        animation: zomorodHeroBreath 10s ease-in-out infinite alternate;
    }


@keyframes zomorodHeroBreath {

    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.06);
    }
}


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

.zomorod-hero-content {
    position: absolute;
    left: 45px;
    bottom: 30px;
    width: 430px;
    z-index: 20;
    direction: rtl;
    text-align: left;
    color: #fff;
}


/* Hero Title */

.zomorod-hero-title {
    margin: 0 0 22px;
    font-family: "IranNastaliq" !important;
    font-size: 60px !important;
    font-weight: normal;
    line-height: 1.085;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .65), 0 4px 10px rgba(0, 0, 0, .45), 0 0 18px rgba(0, 0, 0, .25);
}


/* Hero Description */

.zomorod-hero-description {
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 2;
    color: rgba(255, 255, 255, .88);
}


/* ==============================
   ABOUT BUTTON
============================== */

.zomorod-about-btn {
    position: relative;
    min-width: 225px;
    height: 54px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: rgba(48, 29, 21, .90);
    border: 1px solid rgba(222, 196, 153, .85);
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    box-shadow: 0 7px 20px rgba(20, 10, 5, .25), inset 0 0 16px rgba(222, 196, 153, .05);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    transition: background-color .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}


    /* Button Inner Border */

    .zomorod-about-btn::before {
        content: "";
        position: absolute;
        inset: 4px;
        border: 1px solid rgba(222, 196, 153, .28);
        border-radius: 2px;
        pointer-events: none;
    }


    .zomorod-about-btn::after {
        display: none;
    }


    .zomorod-about-btn span,
    .zomorod-about-btn i {
        position: relative;
        z-index: 2;
    }


    .zomorod-about-btn i {
        color: #dec499;
        font-size: 17px;
        transition: transform .35s ease;
    }


    /* Button Hover */

    .zomorod-about-btn:hover {
        background: rgba(91, 47, 31, .96);
        border-color: #e2c89c;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(20, 10, 5, .32), inset 0 0 20px rgba(222, 196, 153, .08);
    }


        .zomorod-about-btn:hover i {
            transform: translateX(-5px);
        }


/* ==============================
   CARPET SELECTOR
============================== */

.zomorod-carpet-menu {
    position: absolute;
    right: 45px;
    bottom: 40px;
    z-index: 20;
    display: flex;
    align-items: flex-end;
    gap: 18px;
}


/* ==============================
   CARPET ITEM
============================== */

.carpet-item {
    position: relative;
    width: 110px;
    padding: 12px 10px 10px;
    border: 0;
    border-radius: 15px;
    background: transparent;
    cursor: pointer;
    transition: transform .4s ease, background-color .4s ease, box-shadow .4s ease;
}


    /* Carpet Image */

    .carpet-item img {
        display: block;
        width: 90px;
        height: 125px;
        margin: 0 auto;
        object-fit: cover;
        border-radius: 45px 45px 5px 5px;
    }


    /* Carpet Title */

    .carpet-item span {
        display: block;
        margin-top: 8px;
        color: #222;
        text-align: center;
        font-size: 14px;
    }


    /* ==============================
   ACTIVE CARPET
============================== */

    .carpet-item.active {
        background: rgba(255, 248, 235, .78);
        border: 1px solid rgba(255, 255, 255, .55);
        border-radius: 15px;
        box-shadow: 0 8px 25px rgba(70, 40, 20, .08), inset 0 1px 0 rgba(255, 255, 255, .55);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        transform: translateY(-10px);
    }


        .carpet-item.active img {
            box-shadow: 0 8px 10px rgba(45, 25, 15, .22), 0 3px 4px rgba(45, 25, 15, .16);
        }









/* =========================
   STORY SECTION
========================= */

.zomorod-story-section {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    min-height: 760px;
    margin-top: -150px;
    overflow: visible;
    /* مهم: خود section روی Hero سلطه پیدا نکند */
    z-index: auto;
}


    /* بک‌گراند مستقل Story */
    .zomorod-story-section::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background-image: url('../img/backDownCarpet.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        pointer-events: none;
        -webkit-mask-image: linear-gradient( to bottom, transparent 0%, rgba(0,0,0,.35) 4%, rgba(0,0,0,.65) 8%, rgba(0,0,0,.82) 12%, rgba(0,0,0,.95) 16%, #000 18%, #000 100% );
        mask-image: linear-gradient( to bottom, transparent 0%, rgba(0,0,0,.35) 4%, rgba(0,0,0,.65) 8%, rgba(0,0,0,.82) 12%, rgba(0,0,0,.95) 16%, #000 18%, #000 100% );
    }


/* =========================
   LEFT
========================= */

.zomorod-story-left {
    position: relative;
    width: 42%;
    min-height: 760px;
    z-index: 2;
    overflow: hidden;
}

.zomorod-story-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    /* Chrome / Edge / Safari */
    -webkit-mask-image: linear-gradient( to right, #000 0%, #000 68%, rgba(0,0,0,.85) 78%, rgba(0,0,0,.45) 90%, transparent 100% ), linear-gradient( to bottom, transparent 0%, rgba(0,0,0,.08) 7%, rgba(0,0,0,.22) 14%, rgba(0,0,0,.42) 22%, rgba(0,0,0,.62) 30%, rgba(0,0,0,.80) 37%, rgba(0,0,0,.94) 43%, #000 48%, #000 100% );
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient( to right, #000 0%, #000 68%, rgba(0,0,0,.85) 78%, rgba(0,0,0,.45) 90%, transparent 100% ), linear-gradient( to bottom, transparent 0%, rgba(0,0,0,.08) 7%, rgba(0,0,0,.22) 14%, rgba(0,0,0,.42) 22%, rgba(0,0,0,.62) 30%, rgba(0,0,0,.80) 37%, rgba(0,0,0,.94) 43%, #000 48%, #000 100% );
    mask-composite: intersect;
}


/* =========================
   RIGHT
========================= */

.zomorod-story-right {
    position: relative;
    width: 58%;
    min-height: 760px;
}


/* =========================
   RIGHT CONTENT
========================= */

.zomorod-story-right-content {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 150px 70px;
    direction: rtl;
}


    .zomorod-story-right-content > span {
        display: block;
        font-family: "IranNastaliq" !important;
        font-size: 30px;
        color: #35241c;
    }


    .zomorod-story-right-content > h2 {
        margin: 0;
        font-family: "IranNastaliq" !important;
        font-size: 48px;
        font-weight: normal;
        color: #35241c;
    }


/* =========================
   STORY TEXT
========================= */

.zomorod-story-copy {
    position: absolute;
    top: 250px;
    left: 80px;
    width: 240px;
    z-index: 3;
}


    .zomorod-story-copy h3 {
        margin-bottom: 20px;
        font-family: "IranNastaliq" !important;
        font-size: 42px;
        font-weight: normal;
        line-height: 1.25;
        color: #17120f;
    }


    .zomorod-story-copy p {
        font-size: 14px;
        line-height: 2;
        color: #4b4038;
    }


    .zomorod-story-copy a {
        display: inline-flex;
        align-items: center;
        gap: 14px;
        margin-top: 12px;
        color: #30271f;
        text-decoration: none;
    }


/* ==============================
   HERO TRANSITION LIGHT
============================== */

.zomorod-transition-light {
    position: absolute;
    top: -25%;
    right: -12%;
    width: 75%;
    height: 150%;
    z-index: 50;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient( circle at 78% 32%, rgba(255, 218, 120, .65) 0%, rgba(255, 195, 85, .48) 14%, rgba(245, 165, 55, .30) 30%, rgba(225, 130, 35, .12) 48%, transparent 70% );
    filter: blur(14px);
    transform: scale(.85);
    transition: opacity .45s ease-in, transform .7s ease-in;
}


#hero.light-transition .zomorod-transition-light {
    opacity: .60;
    transform: scale(1.18);
    transition: opacity 1.4s ease-out, transform 1.6s ease-out;
}

/* =========================
   STORY PARALLAX LAYERS
========================= */

.story-heritage-layer {
    position: absolute;
    right: 0;
    bottom: 12%;
    width: 75%;
    height: auto;
    z-index: 2;
    pointer-events: none;
    opacity: .65;
}

.story-birds-layer {
    position: absolute;
    right: 28%;
    top: 12%;
    width: 42%;
    height: auto;
    z-index: 3;
    pointer-events: none;
}

.story-samovar-layer {
    position: absolute;
    right: -60px;
    bottom: -30px;
    width: 65%;
    height: auto;
    z-index: 4;
    pointer-events: none;
}

.carpet-item img {
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 6px 14px rgba(40,20,10,.18);
}

.story-weaving-tools-layer {
    position: absolute;
    left: -88%;
    bottom: -10%;
    width: 80%;
    max-width: none;
    height: auto;
    z-index: 5;
    pointer-events: none;
    will-change: transform;
}

.zomorod-features-bar {
    position: relative;
    z-index: 10;
    width: 100%;
    min-height: 115px;
    padding: 25px 7%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
    background: #eadcc5;
    border-top: 1px solid rgba(85, 57, 38, .08);
    border-bottom: 1px solid rgba(85, 57, 38, .08);
}

.zomorod-feature-item {
    position: relative;
    width: 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    min-height: 65px;
}

    /* خط جداکننده */

    .zomorod-feature-item:not(:last-child)::after {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 1px;
        height: 50px;
        background: rgba(77, 53, 38, .18);
    }

.zomorod-feature-icon {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #33251e;
}

.zomorod-feature-content {
    text-align: right;
}

    .zomorod-feature-content h4 {
        margin: 0 0 7px;
        font-size: 16px;
        font-weight: 700;
        color: #251a15;
    }

    .zomorod-feature-content p {
        margin: 0;
        font-size: 12px;
        color: #776b62;
    }


/* ==========================================================
   ZOMOROD CARPET
   PROCESS / STORY OF A CARPET
========================================================== */

.zomorod-process-section {
    position: relative;
    width: 100%;
    min-height: 580px;
    padding: 90px 0 120px;
    overflow: hidden;
    background: url("/companies/zomorodcarpet/assets/img/process-bg.webp");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

/* دسکتاپ متوسط */
@media (min-width: 1200px) and (max-width: 1500px) {
    .zomorod-process-section {
        background-size: 145% auto;
        background-position: right bottom;
    }
}

/* تبلت */
@media (min-width: 768px) and (max-width: 1199px) {
    .zomorod-process-section {
        background-size: cover;
        background-position: right bottom;
    }
}


    /* ==========================================================
   CONTAINER
========================================================== */

    .zomorod-process-section .container-fluid {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }


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

    .zomorod-process-section .row {
        align-items: center;
    }


/* ==========================================================
   LEFT INTRO
========================================================== */

.zomorod-process-intro {
    position: relative;
    width: 100%;
    padding: 20px 25px;
    direction: rtl;
    text-align: right;
    z-index: 10;
}


/* --------------------------
   SMALL TITLE
-------------------------- */

.process-subtitle {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 1.8;
    color: #38241c;
}


    /* decorative line */

    .process-subtitle::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -4px;
        width: 42px;
        height: 1px;
        background: #761313;
    }


/* --------------------------
   MAIN TITLE
-------------------------- */

.zomorod-process-intro h2 {
    margin: 15px 0 20px;
    font-family: "IranNastaliq" !important;
    font-size: 58px;
    line-height: 1.35;
    font-weight: normal;
    color: #21130f;
}


/* --------------------------
   DESCRIPTION
-------------------------- */

.zomorod-process-intro p {
    max-width: 300px;
    margin: 0 0 28px;
    font-size: 15px;
    line-height: 2.15;
    color: #2f2925;
}


/* --------------------------
   BUTTON
-------------------------- */

.process-more {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 190px;
    height: 48px;
    padding: 0 18px;
    background: rgba(48, 29, 21, .90);
    border: 1px solid rgba(222, 196, 153, .75);
    border-radius: 4px;
    color: #fff !important;
    font-size: 13px;
    text-decoration: none;
    box-shadow: 0 7px 20px rgba(20, 10, 5, .20), inset 0 0 14px rgba(222, 196, 153, .04);
    transition: all .35s ease;
}

    .process-more::before {
        content: "";
        position: absolute;
        inset: 4px;
        border: 1px solid rgba(222, 196, 153, .22);
        border-radius: 2px;
        pointer-events: none;
    }

    .process-more span,
    .process-more i {
        position: relative;
        z-index: 2;
    }

    .process-more i {
        color: #dec499;
        font-size: 14px;
        transition: transform .35s ease;
    }

    .process-more:hover {
        background: rgba(91, 47, 31, .96);
        border-color: #e2c89c;
        color: #fff !important;
        transform: translateY(-2px);
    }

        .process-more:hover i {
            transform: translateX(-5px);
        }


    .process-more i {
        font-size: 14px;
        transition: transform .35s ease;
    }


    .process-more:hover {
        color: #fff;
        background: #591010;
        transform: translateY(-2px);
    }


        .process-more:hover i {
            transform: translateX(-4px);
        }



/* ==========================================================
   RIGHT PROCESS AREA
========================================================== */

.zomorod-process-content {
    position: relative;
    width: 100%;
    min-width: 0;
    direction: rtl;
    /* مهم */
    overflow: hidden;
}



/* ==========================================================
   SWIPER
========================================================== */

.zomorod-process-slider {
    position: relative;
    width: 100%;
    /* مهم */
    overflow: hidden;
}

    .zomorod-process-slider .swiper {
        position: relative;
        width: 100%;
        /* مهم */
        overflow: hidden;
    }

    .zomorod-process-slider .swiper-wrapper {
        position: relative;
        align-items: flex-start;
    }

    .zomorod-process-slider .swiper-slide {
        position: relative;
        /*
       داخل خود Slide می‌تواند نخ و اجزای خودش
       را نمایش دهد
    */
        overflow: visible;
    }



/* ==========================================================
   PROCESS ITEM
========================================================== */

.zomorod-process-item {
    position: relative;
    width: 100%;
    min-height: 370px;
    text-align: center;
    overflow: visible;
}



/* ==========================================================
   PROCESS IMAGE
========================================================== */

.zomorod-process-image {
    position: relative;
    width: 210px;
    height: 230px;
    margin: 0 auto 22px;
    overflow: hidden;
    /*
       فرم قوسی عکس
    */
    border-radius: 105px 105px 18px 18px;
    background: #e9dcc5;
    box-shadow: 0 12px 28px rgba(65, 40, 25, 0.24), 0 3px 8px rgba(65, 40, 25, 0.18), 0 0 0 1px rgba(110, 72, 45, 0.12);
    z-index: 5;
}


    .zomorod-process-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.1s ease;
    }


.zomorod-process-item:hover
.zomorod-process-image img {
    transform: scale(1.055);
}



/* ==========================================================
   PROCESS TEXT
========================================================== */

.zomorod-process-text {
    position: relative;
    width: 210px;
    margin: 0 auto;
    direction: rtl;
    text-align: center;
    z-index: 7;
}


    /* NUMBER */

    .zomorod-process-text > span {
        display: block;
        margin-bottom: 3px;
        font-size: 11px;
        color: #9b7663;
    }


    /* TITLE */

    .zomorod-process-text h3 {
        margin: 0 0 7px;
        font-size: 18px;
        line-height: 1.6;
        font-weight: 700;
        color: #281812;
    }


    /* DESCRIPTION */

    .zomorod-process-text p {
        max-width: 195px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.9;
        color: #2f2925;
        font-weight:bold;
    }



/* ==========================================================
   SMALL ORGANIC OFFSET
========================================================== */

/*
   برای اینکه عکس‌ها بیش از حد Grid و ماشینی نباشند
*/

.zomorod-process-slider
.swiper-slide:nth-child(even)
.zomorod-process-image {
    transform: translateY(10px);
}


.zomorod-process-slider
.swiper-slide:nth-child(even)
.zomorod-process-text {
    transform: translateY(10px);
}



/* ==========================================================
   LARGE DESKTOP
========================================================== */

@media (min-width: 1400px) {

    .zomorod-process-section {
        padding-top: 55px;
        padding-bottom: 55px;
    }

        .zomorod-process-section .container-fluid {
            padding-left: 6%;
            padding-right: 6%;
        }

    .zomorod-process-image {
        width: 220px;
        height: 240px;
    }

    .zomorod-process-text {
        width: 220px;
    }
}



/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1399px) {

    .zomorod-process-section .container-fluid {
        padding-left: 3%;
        padding-right: 3%;
    }

    .zomorod-process-intro {
        padding-left: 15px;
        padding-right: 15px;
    }

        .zomorod-process-intro h2 {
            font-size: 52px;
        }

    .zomorod-process-image {
        width: 190px;
        height: 215px;
    }

    .zomorod-process-text {
        width: 190px;
    }
}



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

@media (max-width: 991px) {

    .zomorod-process-section {
        padding: 70px 0 80px;
    }

    /*
       Bootstrap در این اندازه ستون‌ها را زیر هم می‌آورد.
    */

    .zomorod-process-intro {
        max-width: 600px;
        margin: 0 auto 55px;
        padding: 0 20px;
        text-align: center;
    }


    .process-subtitle::after {
        right: 50%;
        transform: translateX(50%);
    }


    .zomorod-process-intro h2 {
        font-size: 50px;
    }


    .zomorod-process-intro p {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
        font-weight:bold;
    }


    .zomorod-process-content {
        width: 100%;
    }


    .zomorod-process-image {
        width: 210px;
        height: 230px;
    }


    .zomorod-process-text {
        width: 210px;
    }
}



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

@media (max-width: 575px) {

    .zomorod-process-section {
        padding-top: 55px;
        padding-bottom: 65px;
    }


        .zomorod-process-section .container-fluid {
            padding-left: 15px;
            padding-right: 15px;
        }


    .zomorod-process-intro {
        margin-bottom: 45px;
        padding: 0 15px;
    }


    .process-subtitle {
        font-size: 15px;
    }


    .zomorod-process-intro h2 {
        font-size: 44px;
        margin-top: 12px;
    }


    .zomorod-process-intro p {
        font-size: 14px;
        line-height: 2;
    }


    .zomorod-process-image {
        width: 220px;
        height: 240px;
    }


    .zomorod-process-text {
        width: 220px;
    }


    .zomorod-process-item {
        min-height: 360px;
    }
}


/* =========================================================
   ZOMOROD CARPET FOOTER
========================================================= */
.zomorod-footer {
    position: relative;
    width: 100%;
    direction: rtl;
    background: #e6d3b3;
}

.zomorod-footer-carpet {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: visible;
    background: #e6cfa9;
}

    .zomorod-footer-carpet img {
        display: block;
        width: 100%;
        height: 220px;
        filter: drop-shadow(0 14px 12px rgba(55, 30, 18, 0.30));
    }

@media (max-width: 767px) {

    .zomorod-footer-carpet {
        overflow: hidden;
    }

        .zomorod-footer-carpet img {
            width: 140% !important;
            max-width: none !important;
            height: 220px !important;
            position: relative;
            left: 70%;
            transform: translateX(-50%);
            object-fit: cover;
            filter: drop-shadow(0 14px 12px rgba(55, 30, 18, 0.30));
        }
}

.zomorod-footer-main {
    position: relative;
    padding: 25px 0 20px;
    background: #e6cfa9;
    overflow: hidden;
    margin-top: -30px;
}

    .zomorod-footer-main::before {
        content: "";
        position: absolute;
        inset: 0;
        background: repeating-linear-gradient(45deg,rgba(92,59,38,.012) 0,rgba(92,59,38,.012) 1px,transparent 1px,transparent 5px);
        pointer-events: none;
    }

.zomorod-footer-heritage {
    position: absolute;
    left: -40px;
    bottom: -15px;
    width: 500px;
    height: 330px;
    background: url("/companies/zomorodcarpet/assets/img/story/mashhad-heritage-layer.webp") left bottom/contain no-repeat;
    opacity: .25;
    pointer-events: none;
}

.zomorod-footer-ornament {
    position: absolute;
    right: -130px;
    top: 70px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(111,35,28,.10);
    border-radius: 50%;
    opacity: .5;
    pointer-events: none;
}

    .zomorod-footer-ornament::before, .zomorod-footer-ornament::after {
        content: "";
        position: absolute;
        border-radius: 50%;
        border: 1px solid rgba(111,35,28,.08);
    }

    .zomorod-footer-ornament::before {
        inset: 35px;
    }

    .zomorod-footer-ornament::after {
        inset: 70px;
    }

.zomorod-footer-about, .zomorod-footer-column, .zomorod-footer-contact {
    position: relative;
    z-index: 3;
}

.zomorod-footer-brand {
    margin-bottom: 2px;
    font-family: "IranNastaliq",serif !important;
    font-size: 64px;
    line-height: 1.3;
    color: #741d1c;
}

.zomorod-footer-brand-en {
    margin-bottom: 27px;
    font-size: 10px;
    letter-spacing: 7px;
    color: rgba(72,39,29,.65);
}

.zomorod-footer-about p {
    margin: 0;
    max-width: 330px;
    font-size: 14px;
    line-height: 2.2;
    color: rgba(58,38,29,.75);
}

.zomorod-footer-social {
    display: flex;
    gap: 11px;
    margin-top: 28px;
}

    .zomorod-footer-social a {
        width: 39px;
        height: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(116,29,28,.42);
        border-radius: 50%;
        color: #741d1c;
        font-size: 14px;
        transition: .35s ease;
    }

        .zomorod-footer-social a:hover {
            background: #741d1c;
            color: #fff;
            transform: translateY(-4px);
        }

.zomorod-footer-column h4, .zomorod-footer-contact h4 {
    position: relative;
    margin: 5px 0 32px;
    padding-bottom: 14px;
    font-size: 17px;
    font-weight: 700;
    color: #5e211d;
}

    .zomorod-footer-column h4::after, .zomorod-footer-contact h4::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 35px;
        height: 2px;
        background: #8c2925;
    }

.zomorod-footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.zomorod-footer-column li {
    margin-bottom: 16px;
}

.zomorod-footer-column a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    color: rgba(55,37,29,.73);
    transition: .3s ease;
}

    .zomorod-footer-column a span {
        color: #8b2924;
        font-size: 20px;
        line-height: 1;
    }

    .zomorod-footer-column a:hover {
        color: #821f1e;
        transform: translateX(-5px);
    }

.zomorod-footer-contact-intro {
    max-width: 350px;
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 2;
    color: rgba(55,37,29,.70);
}

.zomorod-footer-contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 13px;
    color: #51342a;
}

    .zomorod-footer-contact-item i {
        width: 20px;
        color: #81221f;
        text-align: center;
    }

    .zomorod-footer-contact-item a {
        color: #51342a;
    }

.zomorod-footer-contact-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 190px;
    height: 48px;
    margin-top: 18px;
    padding: 0 18px;
    background: rgba(48,29,21,.90);
    border: 1px solid rgba(222,196,153,.75);
    border-radius: 4px;
    color: #fff !important;
    font-size: 13px;
    text-decoration: none;
    box-shadow: 0 7px 20px rgba(20,10,5,.20),inset 0 0 14px rgba(222,196,153,.04);
    transition: .35s ease;
}

    .zomorod-footer-contact-btn::before {
        content: "";
        position: absolute;
        inset: 4px;
        border: 1px solid rgba(222,196,153,.22);
        border-radius: 2px;
        pointer-events: none;
    }

    .zomorod-footer-contact-btn span {
        position: relative;
        z-index: 2;
        color: #dec499;
        font-size: 18px;
        transition: transform .35s ease;
    }

    .zomorod-footer-contact-btn:hover {
        background: rgba(91,47,31,.96);
        border-color: #e2c89c;
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(20,10,5,.28),inset 0 0 18px rgba(222,196,153,.07);
    }

        .zomorod-footer-contact-btn:hover span {
            transform: translateX(-5px);
        }

.zomorod-footer-bottom {
    position: relative;
    z-index: 5;
    width: 100%;
    background-image: linear-gradient( rgba(91, 13, 10, .35), rgba(91, 13, 10, .35) ), url("/companies/zomorodcarpet/assets/img/footer-bottom-pattern.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(255,255,255,.82);
}

    .zomorod-footer-bottom .container {
        width: 100%;
        max-width: 100%;
        padding-left: 70px;
        padding-right: 70px;
    }

.zomorod-footer-bottom-inner {
    width: 100%;
    min-height: 95px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px minmax(0, 1fr);
    align-items: center;
    direction: ltr;
}

    .zomorod-footer-bottom-inner > p:first-child {
        margin: 0;
        position: relative;
        left: 120px;
        direction: rtl;
        text-align: left;
        white-space: nowrap;
        font-size: 14px;
        color: rgba(255,255,255,.80);
    }

        .zomorod-footer-bottom-inner > p:first-child a {
            color: #fff !important;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
        }

.zomorod-footer-bottom-decoration {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

    .zomorod-footer-bottom-decoration span {
        flex: 1;
        height: 1px;
        background: linear-gradient(90deg,transparent,rgba(214,173,104,.60));
    }

        .zomorod-footer-bottom-decoration span:last-child {
            background: linear-gradient(90deg,rgba(214,173,104,.60),transparent);
        }

    .zomorod-footer-bottom-decoration i {
        flex: 0 0 auto;
        color: #c89c59;
        font-size: 12px;
        font-style: normal;
        transform: rotate(45deg);
    }

.zomorod-footer-bottom-inner > p:last-child {
    margin: 0;
    position: relative;
    right: 120px;
    direction: rtl;
    text-align: right;
    white-space: nowrap;
    font-size: 14px;
    color: rgba(255,255,255,.82);
}

@media(max-width:1199px) {
    .zomorod-footer-main {
        padding: 60px 0 70px
    }

    .zomorod-footer-bottom .container {
        padding-left: 60px;
        padding-right: 60px
    }

    .zomorod-footer-bottom-inner {
        grid-template-columns: minmax(0,1fr) 200px minmax(0,1fr)
    }

    .zomorod-footer-heritage {
        width: 420px
    }
}

@media(max-width:991px) {
    .zomorod-footer-main {
        padding: 60px 0
    }

    .zomorod-footer-heritage {
        width: 380px;
        opacity: .09
    }

    .zomorod-footer-bottom .container {
        padding-left: 30px;
        padding-right: 30px
    }

    .zomorod-footer-bottom-inner {
        grid-template-columns: minmax(0,1fr) 130px minmax(0,1fr)
    }

        .zomorod-footer-bottom-inner > p:first-child, .zomorod-footer-bottom-inner > p:last-child, .zomorod-footer-bottom-inner > p:first-child a {
            font-size: 12px
        }
}

@media(max-width:767px) {
    .zomorod-footer-main {
        padding: 50px 0
    }

    .zomorod-footer-brand {
        font-size: 54px
    }

    .zomorod-footer-bottom .container {
        padding: 0 20px
    }

    .zomorod-footer-bottom-inner {
        min-height: auto;
        padding: 22px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px
    }

        .zomorod-footer-bottom-inner > p:first-child, .zomorod-footer-bottom-inner > p:last-child {
            width: 100%;
            text-align: center;
            white-space: normal;
            font-size: 12px
        }

    .zomorod-footer-bottom-decoration {
        width: 180px;
        order: 2
    }

    .zomorod-footer-bottom-inner > p:first-child {
        order: 1
    }

    .zomorod-footer-bottom-inner > p:last-child {
        order: 3
    }
}

@media(max-width:575px) {
    .zomorod-footer-brand {
        font-size: 48px
    }

    .zomorod-footer-main {
        padding: 45px 0
    }
}

/* ==========================================================
   ZOMOROD HEADER
========================================================== */

.zomorod-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: transparent !important;
}

.zomorod-nav {
    position: relative;
    width: 100%;
    height: 120px;
    display: grid;
    grid-template-columns: 1fr 270px 1fr;
    align-items: center;
    padding: 18px 45px 0;
}


/* ==========================================================
   LOGO CENTER
========================================================== */

.zomorod-header-logo {
    position: relative;
    z-index: 5;
    text-align: center;
    padding-top: 12px;
}

    .zomorod-header-logo img {
        display: block;
        width: 190px;
        height: auto;
        max-height: 90px;
        object-fit: contain;
        margin: 0 auto;
    }

    .zomorod-header-logo a {
        display: inline-block;
        text-decoration: none;
    }

.zomorod-header-brand {
    font-family: "IranNastaliq", serif !important;
    font-size: 48px;
    line-height: 1.05;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0,0,0,.35);
}

.zomorod-header-brand-en {
    margin-top: 5px;
    font-size: 9px;
    letter-spacing: 3px;
    color: rgba(255,255,255,.85);
}


/* ==========================================================
   MENU SIDES
========================================================== */

.zomorod-nav-side {
    display: flex;
    align-items: center;
    gap: 40px;
    white-space: nowrap;
}


/* راست لوگو */

.zomorod-nav-right {
    justify-content: flex-start;
    direction: rtl;
}


/* چپ لوگو */

.zomorod-nav-left {
    justify-content: flex-end;
    direction: rtl;
}


/* LINKS */

.zomorod-nav-side > a {
    position: relative;
    padding: 8px 0;
    color: rgba(255,255,255,.92);
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    text-shadow: 0 1px 5px rgba(0,0,0,.45);
    transition: color .3s ease, transform .3s ease;
}


    .zomorod-nav-side > a::after {
        content: "";
        position: absolute;
        right: 50%;
        bottom: 0;
        width: 0;
        height: 1px;
        background: #fff;
        transform: translateX(50%);
        transition: width .35s ease;
    }


    .zomorod-nav-side > a:hover {
        color: #fff;
        transform: translateY(-2px);
    }


        .zomorod-nav-side > a:hover::after {
            width: 100%;
        }


/* ==========================================================
   DECORATIVE LINE
========================================================== */

.zomorod-nav-line {
    width: 34px;
    height: 1px;
    margin-left: 4px;
    background: rgba(255,255,255,.75);
}


/* ==========================================================
   SEARCH
========================================================== */

.zomorod-search {
    position: relative;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: transform .3s ease;
}


    .zomorod-search::before {
        content: "";
        position: absolute;
        right: -12px;
        width: 1px;
        height: 30px;
        background: rgba(255,255,255,.30);
    }


    .zomorod-search:hover {
        transform: scale(1.1);
    }


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

.zomorod-mobile-menu {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}


@media (max-width: 1199px) {

    .zomorod-nav {
        height: 85px;
        display: flex;
        justify-content: center;
        padding: 0 20px;
    }

    .zomorod-nav-side {
        display: none;
    }

    .zomorod-header-brand {
        font-size: 42px;
    }
}





/* =========================================
   ZOMOROD MOBILE MENU
========================================= */

.th-menu-wrapper {
    direction: rtl;
}

    /* پنل اصلی */
    .th-menu-wrapper .th-menu-area {
        width: 82%;
        max-width: 360px;
        background: radial-gradient(circle at 100% 0, rgba(122, 35, 28, .06), transparent 35%), #f1e4cf;
        padding: 35px 28px;
        text-align: right !important;
        box-shadow: -15px 0 40px rgba(35, 20, 12, .20);
    }


    /* ---------- LOGO ---------- */

    .th-menu-wrapper .mobile-logo {
        text-align: center;
        margin: 0px 0 0px;
    }

        .th-menu-wrapper .mobile-logo img {
            width: 150px;
            max-height: 85px;
            object-fit: contain;
        }


    /* ---------- CLOSE ---------- */

    .th-menu-wrapper .th-menu-toggle {
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 50%;
        border: 1px solid rgba(115, 31, 27, .25);
        background: #741f1b;
        color: #fff;
        font-size: 16px;
    }


    /* ---------- MENU ---------- */

    .th-menu-wrapper .th-mobile-menu {
        margin-top: 10px;
    }

        .th-menu-wrapper .th-mobile-menu > ul {
            padding: 0;
            margin: 0;
        }


            /* آیتم اصلی */

            .th-menu-wrapper .th-mobile-menu > ul > li {
                border-bottom: 1px solid rgba(92, 55, 35, .13);
            }

                .th-menu-wrapper .th-mobile-menu > ul > li > a {
                    min-height: 54px;
                    display: flex;
                    align-items: center;
                    padding: 0 5px;
                    color: #422c22 !important;
                    font-size: 14px;
                    font-weight: 500;
                    text-align: right;
                    transition: all .3s ease;
                }


                    /* آیتم فعال */

                    .th-menu-wrapper .th-mobile-menu > ul > li > a.active {
                        color: #7b211d !important;
                        font-weight: 700;
                    }


                        /* خط زرشکی کنار آیتم فعال */

                        .th-menu-wrapper .th-mobile-menu > ul > li > a.active::before {
                            content: "";
                            width: 3px;
                            height: 22px;
                            margin-left: 10px;
                            background: #7b211d;
                            border-radius: 3px;
                        }


                    /* Hover */

                    .th-menu-wrapper .th-mobile-menu > ul > li > a:hover {
                        color: #7b211d !important;
                        padding-right: 12px;
                    }


        /* ---------- SUB MENU ---------- */

        .th-menu-wrapper .th-mobile-menu .sub-menu {
            padding: 5px 18px 12px 0;
            background: rgba(255, 255, 255, .13);
        }

            .th-menu-wrapper .th-mobile-menu .sub-menu li a {
                padding: 9px 12px;
                color: #6a5141 !important;
                font-size: 12px;
                text-align: right;
            }

                .th-menu-wrapper .th-mobile-menu .sub-menu li a:hover {
                    color: #7b211d !important;
                }


    /* ---------- + / ARROW BUTTON ---------- */

    .th-menu-wrapper .th-mean-expand {
        background: transparent !important;
        border: 0 !important;
        color: #9b6b47 !important;
    }


/* ---------- MOBILE ---------- */

@media (max-width: 575px) {

    .th-menu-wrapper .th-menu-area {
        width: 86%;
        max-width: 340px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* =========================================
   MOBILE MENU +/- BUTTON
========================================= */

/* خود ردیف */
.th-menu-wrapper
.th-mobile-menu
ul
.menu-item-has-children > a {
    position: relative !important;
    padding-left: 45px !important;
}


    /* علامت + که قالب با after می‌سازد */
    .th-menu-wrapper
    .th-mobile-menu
    ul
    .menu-item-has-children > a::after {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        float: none !important;
        margin: 0 !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        display: block !important;
        text-align: center !important;
        background: transparent !important;
        border: 1px solid rgba(123, 33, 29, .45) !important;
        border-radius: 0 !important;
        color: #7b211d !important;
        font-size: 11px !important;
    }


    /* اگر JS قالب th-mean-expand را هم ایجاد کرد */
    .th-menu-wrapper
    .th-mobile-menu
    ul
    .menu-item-has-children > a
    .th-mean-expand {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: 50% !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
        background: transparent !important;
        border: 1px solid rgba(123, 33, 29, .45) !important;
        border-radius: 0 !important;
        color: #7b211d !important;
        box-shadow: none !important;
        text-align: center !important;
    }

/* =========================================
   MOBILE MENU - HIDE ALL SCROLLBARS
========================================= */

.th-menu-wrapper {
    overflow: hidden !important;
}

    .th-menu-wrapper .th-menu-area {
        height: 100vh !important;
        overflow: hidden !important;
    }

    /* فقط خود لیست منو اسکرول شود */
    .th-menu-wrapper .th-mobile-menu {
        max-height: calc(100vh - 170px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        /* Firefox */
        scrollbar-width: none !important;
        /* Edge قدیمی */
        -ms-overflow-style: none !important;
        /* جلوگیری از انتقال اسکرول به صفحه پشت */
        overscroll-behavior: contain;
    }

        /* Chrome / Edge / Safari */
        .th-menu-wrapper .th-mobile-menu::-webkit-scrollbar {
            width: 0 !important;
            height: 0 !important;
            display: none !important;
        }

        .th-menu-wrapper .th-mobile-menu::-webkit-scrollbar-track {
            display: none !important;
        }

        .th-menu-wrapper .th-mobile-menu::-webkit-scrollbar-thumb {
            display: none !important;
        }

.zomorod-mobile-logo {
    text-align: center;
    margin: 10px 0 30px;
}

    .zomorod-mobile-logo a {
        display: inline-block;
        text-decoration: none;
    }

    .zomorod-mobile-logo span {
        font-family: "IranNastaliq", serif !important;
        font-size: 48px;
        font-weight: normal;
        line-height: 1.8;
        color: #6f211c;
        white-space: nowrap;
    }

/* FIX MOBILE MENU CLOSE BUTTON */
.th-menu-wrapper .th-menu-area > .th-menu-toggle {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    right: auto !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 9999 !important;
    border-radius: 5px;
}

/* تبلت و لپ‌تاپ کوچک */
@media (min-width: 768px) and (max-width: 1199px) {

    .zomorod-header-logo {
        transform: translateY(35px) !important;
    }
}

.zomorod-mobile-menu {
    width: 48px;
    height: 48px;
    background: #6f211c !important;
    color: #f2dfb5 !important;
    border: 1px solid rgba(210, 174, 104, .65) !important;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(45, 20, 12, .18);
}

    .zomorod-mobile-menu i {
        color: #f2dfb5 !important;
    }

/* =========================================
   STORY - RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .zomorod-story-section {
        display: block !important;
    }

    /* حذف کامل ویدئو */
    .zomorod-story-left {
        display: none !important;
    }

    /* داستان تمام عرض */
    .zomorod-story-right {
        position: relative;
        width: 100% !important;
        min-height: 700px;
        margin: 0 !important;
    }
}


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

    .zomorod-story-right {
        min-height: 600px !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {

    .story-samovar-layer {
        bottom: -180px !important;
    }
}


@media (min-width: 768px) and (max-width: 1199px) {

    .story-samovar-layer {
        bottom: -120px !important;
    }
}


@media (max-width: 1199px) {

    footer,
    .zomorod-footer-main,
    .zomorod-footer-carpet,
    .zomorod-footer-bottom {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
}

@media (max-width: 767px) {

    /* توضیحات Hero */
    .zomorod-hero-description {
        display: none !important;
    }

    /* دکمه درباره فرش زمرد */
    .zomorod-about-btn {
        display: none !important;
    }
}

@media (max-width: 767px) {

    .zomorod-hero-title {
        font-size: 40px !important;
        line-height: 1.65 !important;
        position: relative;
        top: -230px;
    }
}

@media (max-width: 767px) {

    .zomorod-header-logo {
        position: absolute !important;
        top: 30px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: max-content !important;
        padding-top: 0 !important;
    }

    .zomorod-header-brand {
        font-size: 30px !important;
        line-height: 1.4 !important;
    }

    .zomorod-header-brand-en {
        font-size: 9px !important;
        margin-top: 2px !important;
    }
}


@media (max-width: 767px) {

    .zomorod-features-bar {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 10px 20px !important;
    }

    .zomorod-feature-item {
        flex-direction: column !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 85px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 16px 10px !important;
    }

        /* خط عمودی دسکتاپ حذف شود */
        .zomorod-feature-item:not(:last-child)::after {
            left: 0 !important;
            right: 0 !important;
            top: auto !important;
            bottom: 0 !important;
            width: 100% !important;
            height: 1px !important;
            background: rgba(77, 53, 38, .15) !important;
        }

    .zomorod-feature-icon {
        width: 48px !important;
        height: 48px !important;
        flex: 0 0 48px !important;
    }

    .zomorod-feature-content {
        flex: none !important;
        width: 100% !important;
        text-align: center !important;
    }
}


@media (max-width: 767px) {

    .story-samovar-layer {
        bottom: -50px !important;
    }
}

@media (max-width: 767px) {

    .story-samovar-layer {
        bottom: 0 !important;
        margin-bottom: -180px !important;
    }

    .story-heritage-layer {
        width: 115% !important;
        max-width: none !important;
        right: -15% !important;
        top: 50px !important;
    }
}

@media (max-width: 500px) {

    .story-heritage-layer {
        top: 150px !important;
    }

    .story-birds-layer {
        top: 160px !important;
    }
}

/* =========================================================
   ZOMOROD CARPET - CINEMATIC PRELOADER
========================================================= */


/* =========================================================
   LOADER
========================================================= */

.zomorod-loader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    background-image: url("/companies/zomorodcarpet/assets/img/zomorod-loader-bg.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity 1s ease, visibility 1s ease;
}


/* =========================================================
   PATTERN OVERLAY
========================================================= */

.zomorod-loader-pattern {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: .10;
    background-image: repeating-linear-gradient( 45deg, rgba(111, 33, 28, .08) 0, rgba(111, 33, 28, .08) 1px, transparent 1px, transparent 16px );
}


/* =========================================================
   CENTER LIGHT
========================================================= */

.zomorod-loader::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 48%;
    width: 700px;
    height: 700px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient( circle, rgba(255, 250, 235, .30) 0%, rgba(255, 244, 215, .14) 35%, transparent 70% );
    pointer-events: none;
    z-index: 2;
}


/* =========================================================
   BOTTOM GOLD LINE
========================================================= */

.zomorod-loader::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient( 90deg, #4d1714 0%, #842b23 25%, #c99b55 50%, #842b23 75%, #4d1714 100% );
    z-index: 20;
}


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

.zomorod-loader-content {
    position: relative;
    z-index: 10;
    width: min(780px, 88vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transform: translateY(30px);
}


/* =========================================================
   LOGO AREA
========================================================= */

.zomorod-loader-logo {
    position: relative;
    margin-bottom: 48px;
}


    /* GOLD DECORATION */

    .zomorod-loader-logo::before {
        content: "";
        display: block;
        width: 55px;
        height: 1px;
        margin: 0 auto 18px;
        background: linear-gradient( 90deg, transparent, #9d713b, transparent );
    }


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

.zomorod-loader-brand {
    font-family: "IranNastaliq", serif !important;
    font-size: 105px;
    font-weight: normal;
    line-height: 1.25;
    color: #6f211c;
    text-shadow: 0 3px 8px rgba(60, 25, 15, .12);
}


/* =========================================================
   ENGLISH BRAND
========================================================= */

.zomorod-loader-brand-en {
    margin-top: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 6px;
    direction: ltr;
    color: #72573f;
}


/* =========================================================
   TAGLINE
========================================================= */

.zomorod-loader-tagline {
    margin-top: 15px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(74, 49, 34, .70);
}


/* =========================================================
   PROGRESS AREA
========================================================= */

.zomorod-loader-progress {
    position: relative;
    width: min(700px, 100%);
    display: flex;
    align-items: center;
    gap: 18px;
    direction: rtl;
}


/* =========================================================
   CARPET TRACK
========================================================= */

.zomorod-loader-track {
    position: relative;
    flex: 1;
    height: 24px;
    padding: 3px;
    overflow: hidden;
    border: 1px solid rgba(103, 57, 34, .38);
    border-radius: 4px;
    background: linear-gradient( 180deg, rgba(87, 53, 35, .12), rgba(255, 250, 235, .20) );
    box-shadow: inset 0 2px 4px rgba(68, 38, 23, .15), 0 1px 0 rgba(255,255,255,.50);
}


    /* خط داخلی قاب */

    .zomorod-loader-track::before {
        content: "";
        position: absolute;
        inset: 3px;
        z-index: 5;
        border: 1px solid rgba(196, 148, 76, .25);
        pointer-events: none;
    }


/* =========================================================
   CARPET PROGRESS
========================================================= */

.zomorod-loader-fill {
    position: relative;
    float: right;
    width: 0%;
    height: 100%;
    overflow: hidden;
    border-radius: 2px;
    background-color: #74231e;
    /*
       نقش هندسی فرش
    */

    background-image: linear-gradient( 45deg, transparent 30%, rgba(213, 166, 87, .90) 30%, rgba(213, 166, 87, .90) 38%, transparent 38%, transparent 62%, rgba(213, 166, 87, .90) 62%, rgba(213, 166, 87, .90) 70%, transparent 70% ), linear-gradient( -45deg, transparent 30%, rgba(40, 78, 69, .78) 30%, rgba(40, 78, 69, .78) 38%, transparent 38%, transparent 62%, rgba(40, 78, 69, .78) 62%, rgba(40, 78, 69, .78) 70%, transparent 70% ), linear-gradient( 90deg, rgba(94, 25, 22, .9), rgba(128, 37, 29, .95) );
    background-size: 20px 20px, 20px 20px, 100% 100%;
    box-shadow: inset 0 2px 2px rgba(255, 224, 165, .18), inset 0 -2px 3px rgba(45, 11, 8, .35);
    transition: width .12s linear;
}


    /* =========================================================
   CARPET THREADS
========================================================= */

    .zomorod-loader-fill::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: .55;
        background: repeating-linear-gradient( 90deg, rgba(255,255,255,.10) 0, rgba(255,255,255,.10) 1px, transparent 1px, transparent 4px ), repeating-linear-gradient( 0deg, rgba(30,10,8,.10) 0, rgba(30,10,8,.10) 1px, transparent 1px, transparent 4px );
    }


    /* =========================================================
   WEAVING EDGE
========================================================= */

    .zomorod-loader-fill::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 100%;
        background: #e1b76c;
        box-shadow: 0 0 5px rgba(225,183,108,.90), 0 0 12px rgba(225,183,108,.55), 0 0 20px rgba(225,183,108,.25);
    }


/* =========================================================
   PERCENT
========================================================= */

.zomorod-loader-percent {
    width: 58px;
    direction: ltr;
    text-align: left;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    font-weight: 600;
    color: #6f211c;
    text-shadow: 0 1px 2px rgba(255,255,255,.35);
}


/* =========================================================
   STEPS
========================================================= */

.zomorod-loader-steps {
    position: relative;
    width: min(700px, 100%);
    margin-top: 34px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    direction: rtl;
}


    /* خط اتصال مراحل */

    .zomorod-loader-steps::before {
        content: "";
        position: absolute;
        top: 5px;
        right: 8%;
        left: 8%;
        height: 1px;
        background: linear-gradient( 90deg, transparent, rgba(111, 33, 28, .18) 10%, rgba(111, 33, 28, .18) 90%, transparent );
    }


/* =========================================================
   EACH STEP
========================================================= */

.loader-step {
    position: relative;
    z-index: 2;
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    opacity: .28;
    transition: opacity .4s ease, transform .4s ease;
}


    /* نقطه مرحله */

    .loader-step span {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #9b8069;
        border: 2px solid rgba(247, 233, 204, .85);
        box-shadow: 0 0 0 1px rgba(95, 54, 33, .20);
        transition: background .4s ease, box-shadow .4s ease, transform .4s ease;
    }


    /* متن مرحله */

    .loader-step strong {
        font-size: 11px;
        font-weight: 500;
        white-space: nowrap;
        color: #584234;
        transition: color .4s ease;
    }


    /* =========================================================
   ACTIVE STEP
========================================================= */

    .loader-step.active {
        opacity: 1;
        transform: translateY(-3px);
    }


        .loader-step.active span {
            background: #79251f;
            transform: scale(1.05);
            box-shadow: 0 0 0 5px rgba(121,37,31,.10), 0 0 14px rgba(121,37,31,.30);
        }


        .loader-step.active strong {
            color: #6f211c;
            font-weight: 700;
        }


/* =========================================================
   BOTTOM TEXT
========================================================= */

.zomorod-loader-bottom {
    position: relative;
    margin-top: 48px;
    font-family: "IranNastaliq", serif !important;
    font-size: 27px;
    font-weight: normal;
    line-height: 1.7;
    color: #70412f;
    opacity: .88;
}


    /* تزئین بالای نوشته */

    .zomorod-loader-bottom::before {
        content: "";
        display: block;
        width: 100px;
        height: 1px;
        margin: 0 auto 15px;
        background: linear-gradient( 90deg, transparent, #a67a42, transparent );
    }


/* =========================================================
   LOADER EXIT
========================================================= */

.zomorod-loader.zomorod-loader-hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


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

@media (max-width: 991px) {

    .zomorod-loader-content {
        width: 84%;
    }


    .zomorod-loader-brand {
        font-size: 82px;
    }


    .zomorod-loader-logo {
        margin-bottom: 42px;
    }


    .zomorod-loader-progress,
    .zomorod-loader-steps {
        width: 100%;
    }
}


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

@media (max-width: 767px) {

    .zomorod-loader {
        background-position: center center;
    }


    .zomorod-loader-content {
        width: 88%;
        transform: translateY(15px);
    }


    .zomorod-loader::before {
        width: 500px;
        height: 500px;
    }


    .zomorod-loader-logo {
        margin-bottom: 35px;
    }


    .zomorod-loader-brand {
        font-size: 60px;
    }


    .zomorod-loader-brand-en {
        font-size: 8px;
        letter-spacing: 4px;
    }


    .zomorod-loader-tagline {
        margin-top: 12px;
        font-size: 10px;
    }


    .zomorod-loader-progress {
        gap: 10px;
    }


    .zomorod-loader-track {
        height: 20px;
    }


    .zomorod-loader-percent {
        width: 48px;
        font-size: 16px;
    }


    .zomorod-loader-steps {
        margin-top: 28px;
    }


    .loader-step {
        gap: 8px;
    }


        .loader-step strong {
            font-size: 9px;
            white-space: normal;
            line-height: 1.5;
        }


    .zomorod-loader-bottom {
        margin-top: 38px;
        font-size: 22px;
    }
}


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

@media (max-width: 480px) {

    .zomorod-loader-content {
        width: 92%;
    }


    .zomorod-loader-brand {
        font-size: 52px;
    }


    .zomorod-loader-brand-en {
        letter-spacing: 3px;
    }


    .zomorod-loader-track {
        height: 18px;
    }


    .zomorod-loader-steps {
        width: 100%;
    }


    .loader-step strong {
        font-size: 8px;
    }


    .zomorod-loader-bottom {
        font-size: 20px;
    }
}

.glass {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-align: right;
    padding: 20px;
}

@media (max-width: 430px) {

    .zomorod-carpet-menu {
        right: 50% !important;
        transform: translateX(50%) !important;
    }
}

.zomorod-carpet-menu {
    z-index: 999 !important;
    pointer-events: auto !important;
}

    .zomorod-carpet-menu .carpet-item {
        position: relative;
        z-index: 1000;
        pointer-events: auto !important;
    }

/* Zomorod Story - Mobile */
@media (max-width: 767px) {

    .zomorod-story-section {
        min-height: 500px !important;
        height: 500px !important;
    }

    .zomorod-story-copy {
        transform: translateX(-80px) !important;
    }

        .zomorod-story-copy p,
        .zomorod-story-copy > a {
            display: none !important;
        }

    .story-samovar-layer {
        bottom: 250px !important;
        width:330px;
    }
}

.zomorod-hero-content {
    pointer-events: none !important;
}

.zomorod-about-btn {
    pointer-events: auto !important;
}