@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.rupeeSign {
    font-size: 22px;
    font-weight: 400;
    margin-right: 3px;
}

/* product intro */
.prodAbtSec {
    position: relative;

    .prodAbtAbs {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 300px;
        height: 260px;
        transform: translateY(-150%);
        transition: transform 1s cubic-bezier(.68, -0.6, .32, 1.6);
        opacity: 0;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: right;
        }
    }

    &.active {
        .prodAbtAbs {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .headingWrap {
        width: 100%;
        max-width: 80%;
        margin: 0px auto;
        text-align: center;
    }

    .prodAbtSecBtm {
        padding-top: 30px;

        .prodAbtImg {
            width: 100%;
            height: 100%;
            position: relative;
            border-radius: 25px;
            overflow: hidden;

            &::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url(../images/common/spice-product-bg.png);
                background-repeat: no-repeat;
                background-size: cover;
                z-index: 1;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                position: relative;
                z-index: 2;
            }
        }

        .prodAbtRtInn {
            position: relative;
            overflow: hidden;
            height: 620px;
            background-color: #820000;
            border-radius: 25px;
            padding: 40px 25px;

            .prodAbtRtBg {
                position: absolute;
                right: 0;
                top: 0;
                width: 220px;
                height: 200px;
                z-index: 1;
            }

            .prodAbtTxtDiv {
                position: relative;
                z-index: 2;
                overflow: hidden;

                .prodResImg {
                    display: none;
                }

                .prodAbtHead {
                    color: #fff;
                    font-family: "Nunito_Sans";
                    font-size: 30px;
                    font-weight: 700;
                    margin-bottom: 15px;
                }

                .prodAbtReview {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    margin-bottom: 15px;

                    .prodReviewStar {
                        border: 1px solid #fff;
                        border-radius: 50px;
                        padding: 3px 15px;

                        span {
                            color: #fff;
                            font-family: "Nunito_Sans";
                            font-size: 18px;
                            font-weight: 400;
                            margin-right: 5px;
                        }

                        i {
                            color: #F1C444;
                            font-size: 15px;
                        }
                    }

                    .prodReviewTxt {
                        p {
                            color: #fff;
                            font-family: "Instrument_Sans";
                            font-size: 18px;
                            font-weight: 400;
                        }
                    }
                }

                .prodPriceDiv {
                    .prodPrice {
                        display: flex;
                        gap: 12px;
                        margin-bottom: 8px;

                        .prodPriceNew {
                            color: #fff;
                            font-family: "Instrument_Sans";
                            font-size: 20px;
                            font-style: normal;
                            font-weight: 700;

                            .rupeeSign {
                                font-size: 22px;
                            }
                        }

                        .prodPriceOld {
                            font-size: 16px;
                            color: rgba(255, 255, 255, 0.65);

                            .rupeeSign {
                                font-size: 18px;
                            }
                        }
                    }

                    .prodPriceNote {
                        color: #fff;
                        font-family: "Instrument_Sans";
                        font-size: 16px;
                        font-weight: 400;
                    }
                }

                .prodAbtTbl {
                    padding-top: 25px;

                    .prodAbtTblTop {
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: 10px;

                        .prodAbtTblTopHead {
                            color: #fff;
                            font-family: "Instrument_Sans";
                            font-size: 20px;
                            font-weight: 700;
                        }

                        p {
                            color: #fff;
                            font-family: "Instrument_Sans";
                            font-size: 18px;
                            font-weight: 400;
                        }
                    }

                    .prodAbtTblBtm {
                        max-height: 260px;
                        overflow-y: auto;
                        padding-right: 8px;

                        ul {
                            li {
                                border: 1px solid #fff;
                                border-radius: 10px;
                                display: flex;
                                justify-content: space-between;
                                gap: 10px;
                                padding: 10px 15px;
                                margin-bottom: 12px;

                                .prodAbtQty,
                                .prodAbtPrice {
                                    color: #fff;
                                    font-family: "Instrument_Sans";
                                    font-size: 18px;
                                    font-weight: 700;
                                    margin-bottom: 0;

                                    .oldPrice {
                                        font-size: 16px;
                                        font-weight: 400;

                                        .rupeeSign {
                                            font-size: 16px;
                                        }
                                    }
                                }

                                .prodAbtQty {
                                    width: calc(100% - 120px);
                                }

                                .prodAbtPrice {
                                    display: flex;
                                    justify-content: flex-end;
                                    gap: 10px;
                                    width: 120px;
                                }
                            }
                        }
                    }

                }

                .prodAbtBtnDiv {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding-top: 15px;
                    padding-bottom: 15px;

                    .prodAbtBtn {
                        width: calc(33.33% - 15px);
                        display: block;
                        border-radius: 35px;
                        background: #fff;
                        color: #000;
                        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
                        padding: 12px 10px;
                        text-align: center;
                        font-size: 18px;
                        font-family: "Instrument_Sans";
                        transition: all 0.5s;

                        &:hover {
                            background: #C19A63;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}


.single-frozen-food {
    &.postid-465 {
        .logisticSec {
            padding-top: 120px !important;
        }
    }
}

.single-spice,
.single-frozen-food {
    .commonPopup {
        .commonPopupInn {
            input[readonly] {
                cursor: auto;
                opacity: 1 !important;
                font-weight: 700 !important;
            }
        }
    }
}

.postid-333 {
    .prodAbtSec {
        .prodAbtSecBtm {
            .prodAbtRtInn {
                background-color: #e49703;
            }
        }
    }

    .prodDesSec {
        .prodDesSecBtm {
            .commonAbtImg {
                background-color: #e49703;
            }
        }
    }
}

/* Highlights section */
.product-details-page {
    .whySec {
        &::before {
            content: normal;
        }

        .whySecBtm {
            .whyCard {
                &::after {
                    background-image: url(../images/common/yellow-hover-bg.png);
                    background-repeat: no-repeat;
                    background-size: contain;
                }
            }
        }
    }

    .certificSec {
        &::after {
            content: normal;
        }
    }
}

/* product description */
.prodDesSec {
    position: relative;
    overflow: hidden;

    .prodDesBg {
        position: absolute;
        left: 0;
        top: -180px;
        width: 470px;
        height: 470px;
        z-index: 1;
        opacity: 0;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: top left;
        }
    }

    &.active {
        .prodDesBg {
            animation: prodanim 1s ease-in-out backwards;
            opacity: 1;
        }
    }

    .prodDesSecBtm {
        position: relative;
        z-index: 2;

        .commonAbtImg {
            width: 100%;
            height: 500px;
            background-color: #820000;
            border-radius: 25px;
            overflow: hidden;
            position: relative;

            img {
                object-fit: contain;
                z-index: 2;
                position: relative;
            }

            .commonAbtAbsImg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }
}

@keyframes prodanim {

    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* specification section */
.specificSec {
    .specificSecBtm {
        .specificAccContainer {
            .specificAcc {
                background-color: #fff;
                border-radius: 15px;
                background: #FFF;
                box-shadow: 0 4px 47px 0 rgba(0, 0, 0, 0.16);
                transition: all 0.5s;

                &:not(:last-child) {
                    margin-bottom: 35px;
                }

                .specificAccHead {
                    position: relative;
                    border-radius: 8px;
                    background: #C79F64;
                    padding: 15px 20px;
                    cursor: pointer;

                    h3 {
                        color: #fff;
                        font-family: "Instrument_Sans";
                        font-size: 25px;
                        font-weight: 700;
                    }

                    &::after {
                        content: '\f107';
                        font-family: fontawesome;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 10px;
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        background-color: #FFF;
                        color: #E30011;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 22px;
                        transition: all 0.5s;
                    }
                }

                .specificAccCont {
                    display: none;
                    background-color: #fff;
                    border-radius: 0px 0px 15px 15px;
                }

                &.active {
                    .specificAccHead {
                        &::after {
                            content: '\f106';
                        }
                    }
                }

                &:first-child {
                    .specificAccCont {
                        display: block;
                    }
                }
            }
        }
    }
}

/* usage section */
.usageSec {
    position: relative;
    overflow: hidden;

    .usageBg {
        position: absolute;
        right: -300px;
        bottom: 0;
        width: 700px;
        height: 700px;
        opacity: 0;
    }

    &.active {
        .usageBg {
            animation: prodanim 1s ease-in-out backwards;
            opacity: 1;
        }
    }

    .usageSecBtm {
        position: relative;
        z-index: 2;
    }
}

/* certification section */
.page_product_details {
    .certificSec {
        &::after {
            content: normal;
        }
    }
}

/* related products */
.relatedProdSec {
    .relatedProdBtm {
        .relatedProdSlider {
            .relatedProdSlide {
                padding: 0px 15px;

                .relatedProdCard {
                    .relatedProdImg {
                        width: 100%;
                        height: 500px;
                        border-radius: 20px;
                        overflow: hidden;
                        margin-bottom: 15px;

                        a {
                            display: block;
                            width: 100%;
                            height: 100%;

                            img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                transition: all 0.5s;
                            }
                        }
                    }

                    .relatedProdTxt {
                        .relatedProdTxtHead {
                            display: block;
                            width: 100%;
                            height: 100%;
                            color: #000;
                            text-align: center;
                            font-family: "Instrument_Sans";
                            font-size: 25px;
                            font-weight: 400;
                            transition: all 0.5s;
                        }
                    }

                    &:hover {
                        .relatedProdImg {
                            a {
                                img {
                                    transform: scale(1.10);
                                }
                            }
                        }

                        .relatedProdTxt {
                            .relatedProdTxtHead {
                                color: rgb(136, 64, 27);
                            }
                        }
                    }
                }
            }
        }
    }
}

.single-spice {
    .whySec {
        &.active {
            &::before {
                content: normal;
            }
        }
    }

    .relatedProdSec {
        .relatedProdBtm {
            .relatedProdSlider {
                .relatedProdSlide {
                    .relatedProdCard {
                        .relatedProdImg {
                            position: relative;

                            &::after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background-image: url(../images/common/spice-product-bg.png);
                                background-repeat: no-repeat;
                                background-size: cover;
                                z-index: 1;
                            }

                            img {
                                position: relative;
                                z-index: 2;
                                object-fit: contain;
                            }
                        }

                        &:hover {
                            .relatedProdImg {
                                a {
                                    img {
                                        transform: scale(1);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.single-frozen-food {
    .prodAbtSec {
        .prodAbtSecBtm {
            .prodAbtImg {
                &::after {
                    background-image: url(../images/common/frozen-product-bg.png);
                }
            }
        }
    }
}

/* responsive */
@media (max-width: 1768px) {
    .usageSec {
        .usageBg {
            right: -280px;
            width: 600px;
            height: 600px;
        }
    }
}

@media (max-width: 1680px) {
    .prodDesSec {
        .prodDesBg {
            top: -150px;
            width: 370px;
            height: 370px;
        }
    }

    .relatedProdSec {
        .relatedProdBtm {
            .relatedProdSlider {
                .relatedProdSlide {
                    .relatedProdCard {
                        .relatedProdImg {
                            height: 370px;
                        }

                        .relatedProdTxt {
                            .relatedProdTxtHead {
                                font-size: 20px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1600px) {
    .rupeeSign {
        font-size: 19px;
    }

    .prodAbtSec {
        .prodAbtAbs {
            width: 200px;
            height: 200px;
        }

        .prodAbtSecBtm {
            .prodAbtRtInn {
                .prodAbtTxtDiv {
                    .prodAbtHead {
                        font-size: 24px;
                    }

                    .prodAbtTbl {
                        .prodAbtTblTop {
                            .prodAbtTblTopHead {
                                font-size: 18px;
                            }

                            p {
                                font-size: 16px;
                            }
                        }

                        .prodAbtTblBtm {
                            ul {
                                li {

                                    .prodAbtQty,
                                    .prodAbtPrice {
                                        font-size: 16px;
                                    }
                                }
                            }
                        }
                    }

                    .prodAbtReview {
                        .prodReviewTxt {
                            p {
                                font-size: 16px;
                            }
                        }
                    }

                    .prodPriceDiv {
                        .prodPrice {
                            .prodPriceNew {
                                font-size: 18px;

                                .rupeeSign {
                                    font-size: 20px;
                                }
                            }

                            .prodPriceOld {
                                .rupeeSign {
                                    font-size: 15px;

                                    .rupeeSign {
                                        font-size: 16px;
                                    }
                                }
                            }
                        }

                        .prodPriceNote {
                            font-size: 14px;
                        }
                    }

                    & .prodAbtBtnDiv {
                        .prodAbtBtn {
                            padding: 10px 8px;
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }

    .prodAbtSec {
        .prodAbtSecBtm {
            .prodAbtImg {
                height: 500px;
            }

            .prodAbtRtInn {
                height: 500px;
                padding: 30px 20px;

                .prodAbtTxtDiv {
                    .prodAbtTbl {
                        .prodAbtTblBtm {
                            max-height: 165px;

                            ul {
                                li {
                                    padding: 6px 12px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }


    .prodDesSec {
        .prodDesBg {
            top: -140px;
            width: 300px;
            height: 300px;
        }
    }

    .specificSec {
        .specificSecBtm {
            .specificAccContainer {
                .specificAcc {
                    .specificAccHead {
                        h3 {
                            font-size: 22px;
                        }
                    }
                }
            }
        }
    }

    .usageSec {
        .usageBg {
            right: -290px;
            width: 550px;
            height: 550px;
        }
    }

     .single-frozen-food {
        &.postid-465 {
            .logisticSec {
                padding-top: 80px !important;
            }
        }
    }
}

@media (max-width: 1440px) {
    .prodDesSec {
        .prodDesSecBtm {
            .commonAbtImg {
                height: 350px;
            }
        }
    }

    .specificSec {
        .specificSecBtm {
            .specificAccContainer {
                .specificAcc {
                    .specificAccHead {
                        h3 {
                            font-size: 18px;
                        }

                        &::after {
                            width: 36px;
                            height: 36px;
                            font-size: 20px;
                        }
                    }
                }
            }
        }
    }

    .relatedProdSec {
        .relatedProdBtm {
            .relatedProdSlider {
                .relatedProdSlide {
                    .relatedProdCard {
                        .relatedProdImg {
                            height: 300px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1366px) {
    .rupeeSign {
        font-size: 17px;
    }

    .prodAbtSec {
        .prodAbtSecBtm {
            .prodAbtImg {
                width: 100%;
                height: 520px;
            }

            .prodAbtRtInn {
                height: 520px;
                padding: 30px 20px;

                .prodAbtRtBg {
                    width: 170px;
                    height: 170px;
                }

                .prodAbtTxtDiv {
                    .prodAbtHead {
                        font-size: 22px;
                    }

                    .prodAbtReview {
                        .prodReviewStar {
                            span {
                                font-size: 16px;
                            }
                        }
                    }

                    .prodAbtTbl {
                        padding-top: 15px;

                        .prodAbtTblTop {
                            .prodAbtTblTopHead {
                                font-size: 16px;
                            }

                            p {
                                font-size: 14px;
                            }
                        }

                        .prodAbtTblBtm {
                            ul {
                                li {
                                    padding: 7px 12px;

                                    .prodAbtQty,
                                    .prodAbtPrice {
                                        font-size: 14px;

                                        .oldPrice {
                                            font-size: 14px;
                                            font-weight: 400;
                                        }
                                    }

                                    .prodAbtQty {
                                        width: calc(100% - 100px);
                                    }

                                    .prodAbtPrice {
                                        width: 100px;
                                    }
                                }
                            }
                        }
                    }

                    .prodAbtBtnDiv {
                        padding-top: 10px;

                        .prodAbtBtn {
                            padding: 8px 6px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1280px) {
    .prodAbtSec {
        .prodAbtSecBtm {
            .prodAbtImg {
                width: 100%;
                height: 480px;
            }

            .prodAbtRtInn {
                height: 480px;

                .prodAbtTxtDiv {
                    .prodAbtTbl {
                        .prodAbtTblBtm {
                            max-height: 170px;
                        }
                    }
                }
            }
        }
    }

    .usageSec {
        .usageBg {
            right: -140px;
            width: 300px;
            height: 300px;
        }
    }

    .relatedProdSec {
        .relatedProdBtm {
            .relatedProdSlider {
                .relatedProdSlide {
                    .relatedProdCard {
                        .relatedProdImg {
                            height: 250px;
                        }

                        .relatedProdTxt {
                            .relatedProdTxtHead {
                                font-size: 18px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 991px) {

    .prodAbtSec {
        .headingWrap {
            width: 100%;
            max-width: 100%;
            margin: 0px auto 20px;
        }

        .prodAbtSecBtm {
            padding-top: 10px;

            .prodAbtLt {
                display: none;
            }

            .prodAbtRtInn {
                height: auto;

                .prodAbtTxtDiv {
                    .prodResImg {
                        display: block;
                        width: 300px;
                        height: auto;
                        margin: 0px auto 20px;

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: contain;
                            border-radius: 15px;
                        }
                    }

                    .prodAbtHead {
                        text-align: center;
                    }

                    .prodAbtReview {
                        justify-content: center;
                    }

                    .prodPriceDiv {
                        .prodPrice {
                            justify-content: center;
                        }

                        .prodPriceNote {
                            text-align: center;
                        }
                    }

                    .prodAbtTbl {
                        .prodAbtTblBtm {
                            max-height: 100%;
                        }
                    }
                }
            }
        }
    }

    .prodDesSec {
        .prodDesSecBtm {
            .commonAbtImg {
                width: 500px;
                height: auto;
                margin: 0px auto 20px;
            }
        }
    }

    .specificSec {
        .specificSecBtm {
            .specificAccContainer {
                .specificAcc {
                    &:not(:last-child) {
                        margin-bottom: 20px;
                    }

                    .specificAccHead {
                        padding: 12px 50px 12px 15px;

                        h3 {
                            font-size: 16px;
                        }

                        &::after {
                            width: 30px;
                            height: 30px;
                            font-size: 18px;
                        }
                    }
                }
            }
        }
    }

    .usageSec {
        .usageBg {
            display: none;
        }
    }

    
    .single-frozen-food {
        &.postid-465 {
            .logisticSec {
                padding-top: 60px !important;
            }
        }
    }
}

@media (max-width: 768px) {
    .prodAbtSec {
        .prodAbtSecBtm {
            .prodAbtRtInn {
                .prodAbtTxtDiv {
                    .prodResImg {
                        width: 250px;
                    }

                    .prodAbtHead {
                        font-size: 20px;
                    }

                    .prodAbtReview {
                        .prodReviewStar {
                            padding: 2px 10px;

                            span {
                                font-size: 14px;
                            }

                            i {
                                font-size: 13px;
                            }
                        }

                        .prodReviewTxt {
                            p {
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
        }
    }

    .prodDesSec {
        .prodDesBg {
            top: -70px;
            width: 200px;
            height: 200px;
        }
    }

     .single-frozen-food {
        &.postid-465 {
            .logisticSec {
                padding-top: 50px !important;
            }
        }
    }
}

@media (max-width: 575px) {
    .prodAbtSec {
        .prodAbtSecBtm {
            .prodAbtRtInn {
                .prodAbtTxtDiv {
                    .prodAbtHead {
                        font-size: 18px;
                    }
                }
            }
        }
    }

    .prodDesSec {
        .prodDesSecBtm {
            .commonAbtImg {
                width: 100%;
            }
        }
    }
}

@media (max-width: 480px) {
    .prodAbtSec {
        .prodAbtSecBtm {
            .prodAbtRtInn {
                .prodAbtTxtDiv {
                    .prodResImg {
                        width: 100%;
                    }

                    .prodAbtTbl {
                        padding-top: 25px;
                    }

                    .prodAbtBtnDiv {
                        flex-wrap: wrap;
                        gap: 12px;

                        .prodAbtBtn {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    .prodDesSec {
        .prodDesBg {
            top: -60px;
            width: 150px;
            height: 150px;
        }
    }
}