product image

<style>
    .gradient {
        /* background: #f1fffc; */
        background-attachment: fixed;
    }

    .color-scheme-1 {
        color: #000000bf;
    }

    .page-width {
        max-width: 1600px;
        margin: 0 auto;
    }

    .featured-productx-coint .headingx-coint {
        margin-bottom: 14px;
    }

    .featured-productx-coint .headingx {
        font-weight: 700;
        font-size: 19px;
        padding: 5px 0;
        text-align: center;
        text-transform: uppercase;
    }

    .featured-productx-coint .subtextx {
        padding: 5px 0;
        font-size: 14px;
        text-align: center;
        letter-spacing: 2px;
    }

    .featured-productx {
        background: #fff;
        box-shadow: 4px 4px 10px #0003, -4px -4px 10px #ffffffb3;
        border-radius: 5px;
        cursor: pointer;
    }

    .featured-productx .image-coint {
        display: flex;
        justify-content: center;
    }

    .featured-productx .title-desc {
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding: 10px;
    }

    .featured-productx .title-desc .titlex {
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        position: relative;
        margin: 10px 0;
        padding: 10px 0;
    }

    .featured-productx .title-desc .titlex:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        border-bottom: 2px solid black;
    }

    .price {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: calc(1 + .5 / 1.0);
        color: #000000;
    }

    .price>* {
        display: inline-block;
        vertical-align: top;
    }

    .price__regular {
        display: block;
    }

    .visually-hidden--inline {
        margin: 0;
        height: 16px;
    }

    .visually-hidden {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        word-wrap: normal !important;
    }

    .price__regular .price-item--regular {
        margin-right: 10px;
    }

    .price .price-item {
        display: inline-block;
        margin: 0 10px 0 0;
    }

    .price__sale {
        display: none;
    }

    .price:not(.price--show-badge) .price-item--last:last-of-type {
        margin: 0;
    }

    .unit-price {
        font-size: 11px;
        letter-spacing: 0.4px;
        line-height: calc(1 + .2 / 1.0);
        margin-top: 2px;
        text-transform: uppercase;
        color: #000000b3;
    }

    .hidden {
        display: none !important;
    }

    .featured-productx .title-desc .descriptionx {
        font-size: 14px;
    }

    .metafields-sizes {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    strong {
        font-weight: bolder;
    }

    .featured-productx .title-desc .button {
        padding: 4px 10px;
        background: #cf91d1;
        font-weight: 700;
        color: #fff;
    }

    .button {
        font-size: 15px;
        letter-spacing: 1px;
        line-height: calc(1 + .2 / 1.0);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 0;
        cursor: pointer;
        font: inherit;
    }

    .button:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        border-radius: 11px;
        box-shadow: 0px;
    }

    .button:after {
        content: "";
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        left: 1px;
        z-index: 1;
        border-radius: 10px;
        transition: box-shadow .1s ease;
    }

    @media (prefers-reduced-motion: no-preference) and (hover: hover) {
        .animate--hover-3d-lift .button:not(.button--tertiary) {
            transition: transform .5s ease, box-shadow .5s ease;
            transform-origin: center;
        }
    }

    @media (min-width: 768px) {
        .featured-productx-coint {
            display: flex;
            justify-content: center;
        }

        .featured-productx {
            display: grid;
            grid-template-columns: 1fr 1fr;
            max-width: 850px;
        }
    }

    @media screen and (min-width: 750px) {
        .section+.section {
            margin-top: 0px;
        }

        .section-template--23908885332267__featured_product_x_YV6JQB-padding {
            padding-top: 0px;
            padding-bottom: 24px;
        }

        .page-width {
            padding: 0 50px;
        }

        .price {
            margin-bottom: 0;
        }
    }
</style>

<section id="shopify-section-template--23908885332267__featured_product_x_YV6JQB"
    class="shopify-section section section-featured-product">
    <section class="color-scheme-1 gradient">
        <div
            class="featured-productx-coint page-width section-template--23908885332267__featured_product_x_YV6JQB-padding">
            <div>
                <div class="headingx-coint">
                    <div class="headingx">
                        highlight of the week
                    </div>
                    <div class="subtextx">
                        A product that robbed hearts with its style
                    </div>
                </div>

                <div>
                </div>
                <div class="featured-productx">

                    <div class="image-coint child">
                        <img class="image"
                            src="https://cdn.shopify.com/s/files/1/0630/4441/9827/files/DSC1229.jpg?v=1748519747"
                            width="100%" height="auto" loading="lazy">
                    </div>
                    <div class="title-desc child">
                        <div class="titlex">Baby Pink Cotton Mulmul Saree with Blouse Piece
                        </div>
                        <div class="pricex">
                            <div class="price ">
                                <div class="price__container">
                                    <div class="price__regular"><span
                                            class="visually-hidden visually-hidden--inline">Regular price</span>
                                        <span class="price-item price-item--regular">
                                            <span class="money done" ws-price="12000" ws-currency="INR">₹
                                                1,199.00</span>
                                        </span>
                                    </div>
                                    <div class="price__sale">
                                        <span class="visually-hidden visually-hidden--inline">Regular price</span>
                                        <span>
                                            <s class="price-item price-item--regular">
                                            </s>
                                        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
                                        <span class="price-item price-item--sale price-item--last">
                                            <span class="money done" ws-price="12000" ws-currency="INR">₹
                                                12,000.00</span>
                                        </span>
                                    </div>
                                    <small class="unit-price caption hidden">
                                        <span class="visually-hidden">Unit price</span>
                                        <span class="price-item price-item--last">
                                            <span></span>
                                            <span>/</span>
                                            <span class="visually-hidden"> per </span>
                                            <span>
                                            </span>
                                        </span>
                                    </small>
                                </div>
                            </div>
                        </div>

                        <div class="descriptionx">
                            <div class="metafields-sizes">
                                <div>
                                    <p class="metafield text"><strong>Saree</strong></p>
                                    <ul class="order-lists">
                                        <li>
                                            <strong>Length:</strong> 5.5 MTR
                                        </li>
                                        <li>
                                            <strong>Width:</strong> 44 INCH
                                        </li>
                                        <li>
                                            <strong>Material:</strong> COTTON MULMUL
                                        </li>
                                        <li>
                                            <strong>Blouse:</strong> YES
                                        </li>
                                        <li>
                                            <strong>Blouse Length:</strong> 90 CMS
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <a href="https://thestudiobagru.com/products/copy-of-lehriya-cotton-mulmul-saree-with-blouse-piece"
                            contenteditable="false" style="cursor: pointer;">
                            <div class="button">
                                VIEW PRODUCT
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

</section>