.elementor-36771 .elementor-element.elementor-element-9fd94f4{--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-36771 .elementor-element.elementor-element-9fd94f4:not(.elementor-motion-effects-element-type-background), .elementor-36771 .elementor-element.elementor-element-9fd94f4 > .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-36771 .elementor-element.elementor-element-9fd94f4::before, .elementor-36771 .elementor-element.elementor-element-9fd94f4 > .elementor-background-video-container::before, .elementor-36771 .elementor-element.elementor-element-9fd94f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-36771 .elementor-element.elementor-element-9fd94f4 > .elementor-background-slideshow::before, .elementor-36771 .elementor-element.elementor-element-9fd94f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36771 .elementor-element.elementor-element-9fd94f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-36771 .elementor-element.elementor-element-90c3e14{--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-36771 .elementor-element.elementor-element-4cbacd9{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-36771 .elementor-element.elementor-element-4cbacd9 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:50px;}.elementor-36771 .elementor-element.elementor-element-8e01ce4{--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-36771 .elementor-element.elementor-element-9fd94f4{--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-36771 .elementor-element.elementor-element-4cbacd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-36771 .elementor-element.elementor-element-4cbacd9 .elementor-heading-title{font-size:36px;line-height:46px;}}@media(max-width:767px){.elementor-36771 .elementor-element.elementor-element-9fd94f4{--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-4cbacd9 */.elementor-36771 .elementor-element.elementor-element-4cbacd9 .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-05a55b0 *//* =========================================================
   BAITUL PARFUMS - BIGCOMMERCE PRODUCT GRID
   FULL REPLACEMENT CSS
========================================================= */


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

.bc-shortcode-product-grid-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}


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

.bc-shortcode-product-grid-wrapper .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. FIX BIGCOMMERCE DEFAULT CARD WIDTH
========================================================= */

.bc-shortcode-product-grid-wrapper .bc-product-grid > *,
.bc-shortcode-product-grid-wrapper .bc-product-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

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

    float: none !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


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

.bc-shortcode-product-grid-wrapper .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, 0.55) !important;

    border-radius: 12px !important;

    box-shadow: none !important;

    isolation: isolate !important;

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


/* CARD HOVER */

.bc-shortcode-product-grid-wrapper .bc-product-card:hover {
    transform: translateY(-5px) !important;

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

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


/* =========================================================
   05. DARK DIAGONAL GLASS DETAIL
========================================================= */

.bc-shortcode-product-grid-wrapper .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,0.025) 45%,
        rgba(255,255,255,0.065) 50%,
        rgba(255,255,255,0.025) 55%,
        transparent 100%
    );

    transform: skewX(-18deg);

    pointer-events: none;

    z-index: 1;
}


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

.bc-shortcode-product-grid-wrapper .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,0.01) 25%,
        rgba(255,255,255,0.10) 45%,
        rgba(255,255,255,0.18) 50%,
        rgba(255,255,255,0.10) 55%,
        rgba(255,255,255,0.01) 75%,
        transparent 100%
    );

    transform: skewX(-20deg);

    transition: left 0.85s ease;

    pointer-events: none;

    z-index: 5;
}


.bc-shortcode-product-grid-wrapper .bc-product-card:hover::after {
    left: 145%;
}


/* =========================================================
   07. EVERYTHING ABOVE SHINE
========================================================= */

.bc-shortcode-product-grid-wrapper .bc-product-card > * {
    position: relative;
    z-index: 2;
}


/* =========================================================
   08. QUICK VIEW / IMAGE WRAPPER RESET
========================================================= */

.bc-shortcode-product-grid-wrapper .bc-quickview-trigger {
    display: flex !important;

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

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

    height: 255px !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 8px !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


/* REMOVE QUICK VIEW HOVER LABEL */

.bc-shortcode-product-grid-wrapper .bc-quickview-trigger--hover {
    display: none !important;
}


/* =========================================================
   09. PRODUCT IMAGE
========================================================= */

.bc-shortcode-product-grid-wrapper .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;

    box-shadow: none !important;

    border: 0 !important;

    transition:
        transform 0.4s ease,
        filter 0.4s ease !important;
}


.bc-shortcode-product-grid-wrapper .bc-product-card:hover img {
    transform: scale(1.04) !important;

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


/* =========================================================
   10. PRODUCT META
========================================================= */

.bc-shortcode-product-grid-wrapper .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;
}


/* =========================================================
   11. HIDE BRAND / NEW BADGE / EXTRA LABELS
========================================================= */

.bc-shortcode-product-grid-wrapper .bc-product__brand {
    display: none !important;
}

.bc-shortcode-product-grid-wrapper [class*="bc-product-flag"] {
    display: none !important;
}


/* =========================================================
   12. PRODUCT TITLE
========================================================= */

.bc-shortcode-product-grid-wrapper .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;

    letter-spacing: 0 !important;
}


.bc-shortcode-product-grid-wrapper .bc-product__title a,
.bc-shortcode-product-grid-wrapper .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 0.25s ease !important;
}


.bc-shortcode-product-grid-wrapper .bc-product__title a:hover,
.bc-shortcode-product-grid-wrapper .bc-product__title-link:hover {
    color: #f1c85e !important;
}


/* =========================================================
   13. PRICE
========================================================= */

.bc-shortcode-product-grid-wrapper .bc-product__pricing,
.bc-shortcode-product-grid-wrapper .bc-product__pricing--cached,
.bc-shortcode-product-grid-wrapper .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;
}


.bc-shortcode-product-grid-wrapper .bc-product__price {
    color: #ffffff !important;

    font-size: 19px !important;

    font-weight: 700 !important;
}


.bc-shortcode-product-grid-wrapper .bc-product__original-price {
    color: rgba(255,255,255,0.55) !important;
}


/* =========================================================
   14. ACTIONS
========================================================= */

.bc-shortcode-product-grid-wrapper .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;
}


/* REMOVE FORM MARGINS */

.bc-shortcode-product-grid-wrapper .bc-product__actions form {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   15. BUTTON
========================================================= */

.bc-shortcode-product-grid-wrapper .bc-product__actions .bc-btn,
.bc-shortcode-product-grid-wrapper .bc-product__actions a,
.bc-shortcode-product-grid-wrapper .bc-product__actions button,
.bc-shortcode-product-grid-wrapper .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;

    box-shadow: none !important;

    cursor: pointer !important;

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


.bc-shortcode-product-grid-wrapper .bc-product__actions .bc-btn:hover,
.bc-shortcode-product-grid-wrapper .bc-product__actions a:hover,
.bc-shortcode-product-grid-wrapper .bc-product__actions button:hover,
.bc-shortcode-product-grid-wrapper .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, 0.20) !important;
}


/* =========================================================
   16. REMOVE RANDOM DEFAULT WHITE BACKGROUNDS
========================================================= */

.bc-shortcode-product-grid-wrapper .bc-product-card,
.bc-shortcode-product-grid-wrapper .bc-product-card > div,
.bc-shortcode-product-grid-wrapper .bc-product__meta,
.bc-shortcode-product-grid-wrapper .bc-product__actions {
    background-color: transparent !important;
}


/* restore actual card background */
.bc-shortcode-product-grid-wrapper .bc-product-card {
    background:
        linear-gradient(
            125deg,
            #302924 0%,
            #29231f 50%,
            #332b26 100%
        ) !important;
}


/* =========================================================
   17. REMOVE DEFAULT LIST / FLOAT ISSUES
========================================================= */

.bc-shortcode-product-grid-wrapper .bc-product-grid::before,
.bc-shortcode-product-grid-wrapper .bc-product-grid::after {
    display: none !important;
    content: none !important;
}


.bc-shortcode-product-grid-wrapper .bc-product-card::marker {
    display: none !important;
}


/* =========================================================
   18. TABLET
========================================================= */

@media (max-width: 1024px) {

    .bc-shortcode-product-grid-wrapper .bc-product-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 22px !important;
    }

}


/* =========================================================
   19. MOBILE
========================================================= */

@media (max-width: 767px) {

    .bc-shortcode-product-grid-wrapper .bc-product-grid {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 20px !important;
    }


    .bc-shortcode-product-grid-wrapper .bc-product-card {
        width: 100% !important;

        min-height: 510px !important;

        padding: 10px 10px 22px !important;

        border-radius: 11px !important;
    }


    .bc-shortcode-product-grid-wrapper .bc-quickview-trigger {
        height: 260px !important;
    }


    .bc-shortcode-product-grid-wrapper .bc-product-card img {
        max-height: 240px !important;
    }


    .bc-shortcode-product-grid-wrapper .bc-product__title {
        min-height: auto !important;

        font-size: 18px !important;
    }

}


/* =========================================================
   20. SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .bc-shortcode-product-grid-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .bc-shortcode-product-grid-wrapper .bc-product-card {
        padding: 10px 10px 20px !important;
    }


    .bc-shortcode-product-grid-wrapper .bc-product__actions .bc-btn,
    .bc-shortcode-product-grid-wrapper .bc-product__actions a,
    .bc-shortcode-product-grid-wrapper .bc-product__actions button,
    .bc-shortcode-product-grid-wrapper .bc-product__actions input[type="submit"] {

        min-width: 175px !important;

        font-size: 16px !important;
    }

}/* End custom CSS */