@font-face {
    font-family: 'Pinar FD VF';
    src: url('fonts/pinar/Pinar-DS1-FD-Regular.woff2') format('woff2'),
        url('fonts/pinar/Pinar-DS1-FD-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Pinar FD VF';
    src: url('fonts/pinar/Pinar-DS1-FD-Medium.woff2') format('woff2'),
        url('fonts/pinar/Pinar-DS1-FD-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Pinar FD VF';
    src: url('fonts/pinar/Pinar-DS1-FD-Bold.woff2') format('woff2'),
        url('fonts/pinar/Pinar-DS1-FD-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



/* قرار گرفتن آیتم‌ها کنار هم */
.royal-wrapper {
    font-family: 'Pinar FD VF';
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    /* آیتم‌ها به خط بعدی بروند */
    gap: 40px 100px;
    /* فاصله افقی و عمودی */
    justify-content: flex-start;
    direction: rtl;
    margin-right: 50px;
}

/* هر آیتم شامل بک‌گراند + عنوان */
.royal-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* پس‌زمینه کوچک */
.royal-bg {
    width: 160px;
    height: 160px;
    background-image: url('images/Vector 5.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* عکس وسط */
.royal-img {
    width: 110px;
    height: auto;
    margin-bottom: 50px;
}

/* متن زیر عکس */
.royal-title {
    font-family: 'Pinar FD VF';
    font-size: 25px;
    font-weight: bold;
    color: #292929;
    margin-top: 10px;
    /* دقیقاً 10px پایین پس‌زمینه */
    text-align: center;
}



@media (max-width: 768px) {

    /* عکس وسط */
        .royal-img {
            width: 80px;
        }
    .royal-wrapper {
        justify-content: center;
        margin-right: 0;
        gap: 25px 15px;
    }

    .royal-item {
        width: calc(50% - 20px);
        /* دقیقاً ۲ آیتم در یک ردیف */
    }

    .royal-bg {
        width: 100px;
        height: 100px;
    }

    .royal-title {
        font-size: 18px;
    }
}

.honey-content-father {
    position: relative;
    width: 100%;
}

.honey-content {
    font-family: 'Pinar FD VF';
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 60px;
    padding: 0 20px;
    position: relative;
    justify-content: center;
}

.honey-image {
    width: auto;
    max-width: 40%;
    margin-top: 26px;
}

.honey-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}


.honey-text {
    font-family: 'Pinar FD VF';
    max-width: 500px;
    text-align: right;
}

.honey-hive {
    position: absolute;
    top: 60px;
    right: 0;
    width: 80px;
    height: auto;
    z-index: 5;
}

.honey-text h2 {
    font-family: 'Pinar FD VF';
    position: relative;
    display: inline-block;
    padding: 0 10px;
    z-index: 2;
    color: black !important;
    font-weight: bold;
}

.honey-text p {
    font-size: 25px;
    line-height: 1.8;
    margin-top: 37px;
}


.honey-text h2::before {
    content: "";
    position: absolute;
    left: 0;
    width: 77%;
    bottom: 8px;
    height: 14px;
    background: linear-gradient(180deg, #ffb606 0%, #ffc406 100%);
    border-radius: 6px;
    z-index: -1;
}



@media (max-width: 768px) {


    .honey-text h2 {
    font-size: 18px !important;
    }

    .honey-content {
        flex-direction: column-reverse;
        /* متن بالا، عکس پایین */
        text-align: center;
        /* کل بخش وسط‌چین */
        gap: 30px;
        padding: 0px !important;
    }

    .honey-text {
        max-width: 100%;
        text-align: center;
        /* عنوان وسط‌چین */
        position: relative;
    }

    .honey-text p {
        width: 100%;
        /* تمام عرض */
        font-size: 16px;
        text-align: center;
        margin-top: 20px;
    }

    .honey-image {
        max-width: 100%;
        /* عکس تمام‌عرض */
        width: 100%;
        margin-top: 10px;
    }

         .honey-hive {
             right: 4%;
             transform: translateX(50%);
             top: -36px;
             width: 39px;
         }

    .honey-text h2 {
        font-family: 'Pinar FD VF';
        text-align: center !important;
        /* عنوان وسط‌چین کامل */
    }
}


.yellow-box-content {
    position: relative;
}


.yellow-box {
    width: 97%;
    margin-top: 50px;
    background-color: #FFB606;
    padding: 30px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    position: relative;
}


.content-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 25px;
}


.box-title {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    font-size: 35px;
    font-weight: bold;
    line-height: 2;
    color: black;
    text-align: right;
}


.product-box {
    width: 280px;
    height: auto;
    background-image: url('images/subtract-card.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px;
    position: relative;
    text-align: center;
    overflow: hidden;
}


.discount-badge {
    position: absolute;
    top: 27px;
    right: 27px;
    width: 53px;
    height: 25px;
    background-color: #F30000;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 17px;
    line-height: 23px;
    text-align: center;
}


.product-image {
    margin-top: 20px;
    width: 200px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.product-divider {
    width: 95%;
    height: 1px;
    background-color: #E9E9E9;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
}


.product-name {
    margin-top: 10px;
    font-size: 22px;
    color: #535353;
    font-weight: bold;
    text-align: center;
    /* padding-bottom: 20px; */
    margin-bottom: 20px;
}


.product-price {
    font-size: 22px;
    color: #FFD56A;
    text-decoration: line-through;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    margin-right: 25px;
    margin-bottom: 5px;
}


.product-original-price {
    font-size: 22px;
    color: #80FF00;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    margin-right: 25px;
}


.cart-box {
    position: absolute;
    bottom: 13px;
    left: 8px;
    width: 70px;
    height: 70px;
    background-color: #292929;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
}


.cart-box .cart-image {
    width: 30px;
    height: 30px;
}

.swiper-slide {
    width: auto !important;
}

.dar-asal {
    position: absolute;
    right: 0;
    top: 290px;
    width: 177px;
    height: auto;
    z-index: 10;
}


@media (max-width: 768px) {
    .box-title {
            font-size: 25px;
        }
        .yellow-box {
            padding: 15px;
        }

        .post-single {
            padding: 10px;
        }

        .content-row {
            gap : 10px;
        }

        .dar-asal {
            width: 150px;
            right: -22px;
        }

                .product-box {
                    width: 220px !important;
                    /* سایز کمی کوچک‌تر برای گوشی */
                    padding: 12px;
                    background-size: 100% 100%;
                    /* مهم — باعث کشیدگی اشتباه نمی‌شود */
                    margin-right: 0 !important;
                    margin-left: 0 !important;
                }
        
                .product-image {
                    width: 100%;
                    height: auto;
                }

                .product-name {
                    font-size: 18px;
                }

                .product-price {
                    font-size: 18px;
                    margin-right: 10px;
                           
                }
                .product-original-price {
                    font-size: 18px;
                    margin-right: 10px;
                }

                .box-title {
                    margin-top: 70px;
                }
       
                  .cart-box {
                      position: absolute;
                      bottom: 23px;
                      left: 4px;
                      width: 56px;
                      height: 56px;
                      background-color: #292929;
                      border-radius: 15px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      color: #fff;
                      font-size: 28px;
                      cursor: pointer;
                  }


                
}


.product-name {
    display: -webkit-box;       /* برای WebKit (Chrome, Safari) */
    -webkit-line-clamp: 1;      /* فقط یک خط نمایش بده */
    -webkit-box-orient: vertical;
    overflow: hidden;           /* متن اضافی مخفی شود */
    text-overflow: ellipsis;    /* سه نقطه اضافه شود */
    white-space: normal;        /* اجازه می‌دهد wrap شود اما با -webkit-line-clamp محدود می‌کنیم */
    line-height: 1.2em;         /* تنظیم فاصله خط */
    max-height: 1.2em;          /* مطمئن شدن از ارتفاع یک خط */
}