.elementor-15015 .elementor-element.elementor-element-8adfef0{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:-109px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15015 .elementor-element.elementor-element-8adfef0:not(.elementor-motion-effects-element-type-background), .elementor-15015 .elementor-element.elementor-element-8adfef0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://baitulparfums.com/wp-content/uploads/2026/09/banner2-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15015 .elementor-element.elementor-element-8adfef0::before, .elementor-15015 .elementor-element.elementor-element-8adfef0 > .elementor-background-video-container::before, .elementor-15015 .elementor-element.elementor-element-8adfef0 > .e-con-inner > .elementor-background-video-container::before, .elementor-15015 .elementor-element.elementor-element-8adfef0 > .elementor-background-slideshow::before, .elementor-15015 .elementor-element.elementor-element-8adfef0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15015 .elementor-element.elementor-element-8adfef0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-15015 .elementor-element.elementor-element-a20402a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15015 .elementor-element.elementor-element-9d0fa26{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-15015 .elementor-element.elementor-element-9d0fa26 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:50px;}.elementor-15015 .elementor-element.elementor-element-2cd20c6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}@media(max-width:1024px){.elementor-15015 .elementor-element.elementor-element-8adfef0{--min-height:300px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-15015 .elementor-element.elementor-element-9d0fa26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15015 .elementor-element.elementor-element-9d0fa26 .elementor-heading-title{font-size:36px;line-height:46px;}}@media(max-width:767px){.elementor-15015 .elementor-element.elementor-element-8adfef0{--min-height:250px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for heading, class: .elementor-element-9d0fa26 */.elementor-15015 .elementor-element.elementor-element-9d0fa26 .elementor-heading-title {
    display: inline-block;

    background: linear-gradient(
        110deg,
        #c8943f 0%,
        #d8ad61 30%,
        #f7e3aa 50%,
        #d7a653 70%,
        #b9822f 100%
    );

    background-size: 220% 100%;

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: smoothGold 7s ease-in-out infinite;
}

@keyframes smoothGold {
    0% {
        background-position: 100% 50%;
    }

    50% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a57be42 *//* =========================================================
   BAITUL PARFUMS
   SHOP PRODUCT GRID + NUMBERED PAGINATION
========================================================= */


/* =========================================================
   01. WRAPPER
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .baitul-numbered-shop,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-shortcode-product-grid-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    overflow: visible !important;
}


/* =========================================================
   02. PRODUCT GRID
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-grid {

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 28px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    align-items: stretch !important;
}


/* =========================================================
   03. CARD WIDTH FIX
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-grid > *,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card {

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    float: none !important;

    flex: none !important;
    flex-basis: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   04. PRODUCT CARD
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card {

    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;

    min-height: 510px !important;

    padding:
        12px 12px 24px !important;

    background:
        linear-gradient(
            125deg,
            #302924 0%,
            #29231f 50%,
            #332b26 100%
        ) !important;

    border:
        1px solid
        rgba(215,164,54,.55) !important;

    border-radius:
        12px !important;

    box-shadow:
        none !important;

    isolation:
        isolate !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card:hover {

    transform:
        translateY(-5px) !important;

    border-color:
        rgba(223,168,47,.95) !important;

    box-shadow:
        0 16px 38px rgba(0,0,0,.18),
        0 0 26px rgba(215,164,54,.08)
        !important;
}


/* =========================================================
   05. STATIC GLASS DETAIL
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 23%;

    width: 38%;
    height: 110%;

    background:
        linear-gradient(
            110deg,
            transparent 0%,
            rgba(255,255,255,.025) 45%,
            rgba(255,255,255,.065) 50%,
            rgba(255,255,255,.025) 55%,
            transparent 100%
        );

    transform:
        skewX(-18deg);

    pointer-events:
        none;

    z-index:
        1;
}


/* =========================================================
   06. SHINY HOVER
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card::after {

    content: "";

    position: absolute;

    top: -25%;
    left: -75%;

    width: 42%;
    height: 155%;

    background:
        linear-gradient(
            110deg,
            transparent 0%,
            rgba(255,255,255,.01) 25%,
            rgba(255,255,255,.10) 45%,
            rgba(255,255,255,.18) 50%,
            rgba(255,255,255,.10) 55%,
            rgba(255,255,255,.01) 75%,
            transparent 100%
        );

    transform:
        skewX(-20deg);

    transition:
        left .85s ease;

    pointer-events:
        none;

    z-index:
        5;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card:hover::after {

    left:
        145%;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card > * {

    position:
        relative;

    z-index:
        2;
}


/* =========================================================
   07. IMAGE AREA
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-quickview-trigger {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    height: 255px !important;

    margin:
        0 0 18px !important;

    padding: 0 !important;

    background:
        transparent !important;

    border: 0 !important;

    border-radius:
        8px !important;

    overflow:
        hidden !important;

    box-shadow:
        none !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-quickview-trigger--hover {

    display:
        none !important;
}


/* IMAGE */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card img {

    display:
        block !important;

    width:
        auto !important;

    max-width:
        100% !important;

    height:
        auto !important;

    max-height:
        235px !important;

    margin:
        0 auto !important;

    object-fit:
        contain !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    transition:
        transform .4s ease,
        filter .4s ease !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card:hover img {

    transform:
        scale(1.04) !important;

    filter:
        drop-shadow(
            0 10px 15px rgba(0,0,0,.20)
        );
}


/* =========================================================
   08. META
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__meta {

    display:
        flex !important;

    flex-direction:
        column !important;

    flex:
        1 1 auto !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* =========================================================
   09. HIDE BRAND + FLAG
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__brand,
.elementor-15015 .elementor-element.elementor-element-a57be42 [class*="bc-product-flag"] {

    display:
        none !important;
}


/* =========================================================
   10. TITLE
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__title {

    display:
        -webkit-box !important;

    width:
        100% !important;

    min-height:
        78px !important;

    margin:
        0 0 16px !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        3;

    font-size:
        18px !important;

    line-height:
        1.45 !important;

    font-weight:
        600 !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__title a,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__title-link {

    color:
        #dda52c !important;

    font-size:
        inherit !important;

    line-height:
        inherit !important;

    font-weight:
        600 !important;

    text-decoration:
        none !important;

    transition:
        color .25s ease !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__title a:hover,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__title-link:hover {

    color:
        #f1c85e !important;
}


/* =========================================================
   11. PRICE
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__pricing,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__pricing--cached,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__pricing--api {

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    color:
        #ffffff !important;

    font-size:
        19px !important;

    line-height:
        1.4 !important;

    font-weight:
        700 !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__price {

    color:
        #ffffff !important;

    font-size:
        19px !important;

    font-weight:
        700 !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__original-price {

    color:
        rgba(255,255,255,.55) !important;
}


/* =========================================================
   12. ACTION AREA
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions {

    width:
        100% !important;

    margin:
        auto 0 0 !important;

    padding:
        22px 0 0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    position:
        relative !important;

    z-index:
        7 !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions form {

    margin:
        0 !important;

    padding:
        0 !important;
}


/* =========================================================
   13. PRODUCT BUTTON
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions .bc-btn,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions a,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions button,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions input[type="submit"] {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        auto !important;

    min-width:
        176px !important;

    min-height:
        48px !important;

    margin:
        0 !important;

    padding:
        11px 28px !important;

    background:
        linear-gradient(
            90deg,
            #c58615 0%,
            #dda32d 28%,
            #f0d27b 50%,
            #dda52c 72%,
            #c68616 100%
        ) !important;

    border:
        0 !important;

    border-radius:
        5px !important;

    color:
        #111111 !important;

    font-size:
        16px !important;

    line-height:
        1.2 !important;

    font-weight:
        500 !important;

    text-transform:
        none !important;

    text-decoration:
        none !important;

    cursor:
        pointer !important;

    box-shadow:
        none !important;

    transition:
        transform .25s ease,
        filter .25s ease,
        box-shadow .25s ease !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions .bc-btn:hover,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions a:hover,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions button:hover,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__actions input[type="submit"]:hover {

    color:
        #111111 !important;

    transform:
        translateY(-2px) !important;

    filter:
        brightness(1.08) !important;

    box-shadow:
        0 8px 18px
        rgba(205,146,25,.20) !important;
}


/* =========================================================
   14. REMOVE NATIVE LOAD MORE
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-load-items,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-load-items__trigger,
.elementor-15015 .elementor-element.elementor-element-a57be42 .bc-load-items__trigger-btn {

    display:
        none !important;
}


/* =========================================================
   15. NUMBERED PAGINATION
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .baitul-product-pagination {

    width:
        100% !important;

    display:
        flex !important;

    justify-content:
        center !important;

    margin:
        45px 0 10px !important;

    padding:
        0 !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
ul.page-numbers {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        9px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}


.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
ul.page-numbers > li {

    margin:
        0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}


/* PAGE BUTTON */

.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
.page-numbers a,

.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
.page-numbers span {

    width:
        44px !important;

    height:
        44px !important;

    min-width:
        44px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        0 !important;

    padding:
        0 8px !important;

    background:
        linear-gradient(
            135deg,
            #302924 0%,
            #29231f 100%
        ) !important;

    border:
        1px solid
        rgba(221,165,44,.48) !important;

    border-radius:
        8px !important;

    color:
        #dda52c !important;

    font-size:
        15px !important;

    line-height:
        1 !important;

    font-weight:
        600 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 6px 18px
        rgba(0,0,0,.08) !important;

    transition:
        transform .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}


/* PAGINATION HOVER */

.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
.page-numbers a:hover {

    color:
        #111 !important;

    border-color:
        #dda52c !important;

    background:
        linear-gradient(
            90deg,
            #c58615 0%,
            #dda32d 28%,
            #f0d27b 50%,
            #dda52c 72%,
            #c68616 100%
        ) !important;

    transform:
        translateY(-3px) !important;

    box-shadow:
        0 9px 22px
        rgba(205,146,25,.22) !important;
}


/* CURRENT PAGE */

.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
.page-numbers.current {

    color:
        #111111 !important;

    border-color:
        #dda52c !important;

    background:
        linear-gradient(
            90deg,
            #c58615 0%,
            #dda32d 28%,
            #f0d27b 50%,
            #dda52c 72%,
            #c68616 100%
        ) !important;

    box-shadow:
        0 7px 20px
        rgba(205,146,25,.20) !important;
}


/* PREVIOUS NEXT */

.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
.page-numbers.prev,

.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
.page-numbers.next {

    font-size:
        25px !important;

    font-weight:
        400 !important;
}


/* DOTS */

.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-product-pagination
.page-numbers.dots {

    background:
        transparent !important;

    border-color:
        transparent !important;

    color:
        #8d7b59 !important;

    box-shadow:
        none !important;
}


/* =========================================================
   16. EMPTY SEARCH
========================================================= */

.elementor-15015 .elementor-element.elementor-element-a57be42 .baitul-shop-no-products {

    width:
        100%;

    padding:
        55px 20px;

    background:
        #302924;

    border:
        1px solid
        rgba(221,165,44,.40);

    border-radius:
        10px;

    text-align:
        center;
}


.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-shop-no-products__title {

    color:
        #dda52c;

    font-size:
        20px;

    font-weight:
        700;
}


.elementor-15015 .elementor-element.elementor-element-a57be42
.baitul-shop-no-products__text {

    margin-top:
        8px;

    color:
        rgba(255,255,255,.70);

    font-size:
        14px;
}


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

@media (max-width: 1024px) {

    .elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-grid {

        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:
            22px !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42 .baitul-product-pagination {

        margin-top:
            35px !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-grid {

        grid-template-columns:
            1fr !important;

        gap:
            20px !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card {

        min-height:
            500px !important;

        padding:
            10px 10px 22px !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42 .bc-quickview-trigger {

        height:
            250px !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product-card img {

        max-height:
            230px !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42 .bc-product__title {

        min-height:
            auto !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42 .baitul-product-pagination {

        margin-top:
            30px !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42
    .baitul-product-pagination
    ul.page-numbers {

        gap:
            6px !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42
    .baitul-product-pagination
    .page-numbers a,

    .elementor-15015 .elementor-element.elementor-element-a57be42
    .baitul-product-pagination
    .page-numbers span {

        width:
            39px !important;

        height:
            39px !important;

        min-width:
            39px !important;

        font-size:
            14px !important;

        border-radius:
            7px !important;
    }


    .elementor-15015 .elementor-element.elementor-element-a57be42
    .baitul-product-pagination
    .page-numbers.prev,

    .elementor-15015 .elementor-element.elementor-element-a57be42
    .baitul-product-pagination
    .page-numbers.next {

        font-size:
            21px !important;
    }

}/* End custom CSS */