.elementor-249 .elementor-element.elementor-element-ebf3e7c{--display:flex;}.elementor-249 .elementor-element.elementor-element-cec7804{--display:flex;}.elementor-249 .elementor-element.elementor-element-4c7900c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-ff420f0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-249 .elementor-element.elementor-element-c35679e.elementor-element{--align-self:flex-start;}.elementor-249 .elementor-element.elementor-element-38e4cd3{--display:flex;--justify-content:center;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-249 .elementor-element.elementor-element-f8a3e76 .cart button, .elementor-249 .elementor-element.elementor-element-f8a3e76 .cart .button{transition:all 0.2s;}.elementor-249 .elementor-element.elementor-element-f8a3e76 .quantity .qty{transition:all 0.2s;}.elementor-249 .elementor-element.elementor-element-d830d39{--display:flex;}.elementor-249 .elementor-element.elementor-element-53faf9a{--display:flex;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-249 .elementor-element.elementor-element-265ef09.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-249 .elementor-element.elementor-element-265ef09.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-249 .elementor-element.elementor-element-b9c09ca{--display:flex;}.elementor-249 .elementor-element.elementor-element-3173ec0{--spacer-size:50px;}@media(max-width:1024px){.elementor-249 .elementor-element.elementor-element-265ef09.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-249 .elementor-element.elementor-element-ebf3e7c{--content-width:1440px;}}@media(max-width:767px){.elementor-249 .elementor-element.elementor-element-53faf9a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-249 .elementor-element.elementor-element-265ef09.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-4c7900c *//* ============================================================
   TINY MUSLIMS - FULL MASTER PRODUCT SECTION (BALANCED COLORS)
   ============================================================ */

/* 1. PRODUCT TITLE - Darker for better readability (Targeting container d5687e0) */
.elementor-element-d5687e0 .product_title {
    font-family: 'Baloo 2', cursive !important;
    color: #2c3e50 !important; /* Dark charcoal/navy for contrast */
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    display: block !important;
    text-transform: capitalize !important;
}

/* 2. SALE BADGE (Targeting container 718ab2a) */
.elementor-element-718ab2a .onsale {
    background-color: #F3A847 !important; /* Brand Orange */
    color: #fff !important;
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Baloo 2', cursive !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    top: 15px !important;
    left: 15px !important;
    padding: 0 !important;
    border: 3px solid #fff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* 3. PRODUCT IMAGE (Rounded Corners) */
.elementor-element-718ab2a .woocommerce-product-gallery__image--placeholder img,
.elementor-element-718ab2a .woocommerce-product-gallery img {
    border-radius: 30px !important;
    border: 1px solid #f0f0f0 !important;
}

/* 4. PRICE SECTION - Keeping Brand Blue (Targeting container cf2ce38) */
.elementor-element-cf2ce38 .price,
.elementor-element-cf2ce38 .price ins,
.elementor-element-cf2ce38 .price ins .amount,
.elementor-element-cf2ce38 .price ins bdi {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

.elementor-element-cf2ce38 ins .amount {
    color: #4B9AD6 !important; /* Brand Blue */
    font-weight: 800 !important;
    font-size: 2.4rem !important;
}

.elementor-element-cf2ce38 del .amount {
    color: #a0a0a0 !important; /* Grey for original price */
    font-size: 1.4rem !important;
}

/* 5. ADD TO CART BUTTON - Brand Teal for "Action" (Targeting container f8a3e76) */
.elementor-element-f8a3e76 .single_add_to_cart_button {
    background-color: #00AA93 !important; /* Brand Teal Green - Stands out from Blue */
    border-radius: 50px !important;
    padding: 15px 40px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 170, 147, 0.2) !important;
}

.elementor-element-f8a3e76 .single_add_to_cart_button:hover {
    background-color: #4B9AD6 !important; /* Flips to Blue on hover */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(75, 154, 214, 0.3) !important;
}

/* 6. QUANTITY INPUT */
.elementor-element-f8a3e76 .quantity .qty {
    border-radius: 12px !important;
    border: 2px solid #e0e0e0 !important;
    padding: 10px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
}

/* 7. RESPONSIVE OPTIMIZATION */
@media (max-width: 767px) {
    .elementor-element-d5687e0 .product_title {
        font-size: 32px !important;
        text-align: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d830d39 *//* ============================================================
   TINY MUSLIMS - TABS & ADDITIONAL INFO STYLING
   ============================================================ */

/* 1. CONTAINER SPACING */
.elementor-element-d830d39 {
    margin-top: 40px !important;
    padding: 20px !important;
}

/* 2. TAB NAVIGATION (Description / Reviews) */
.woocommerce-tabs ul.tabs {
    border: none !important;
    background: transparent !important;
    display: flex !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

.woocommerce-tabs ul.tabs li {
    background: #f8fafc !important; /* Soft gray background for inactive */
    border: none !important;
    border-radius: 15px 15px 0 0 !important;
    margin-right: 10px !important;
    padding: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    padding: 12px 25px !important;
    display: inline-block !important;
    text-decoration: none !important;
}

/* Active Tab Style */
.woocommerce-tabs ul.tabs li.active {
    background: #ffffff !important;
    border-bottom: 3px solid #00AA93 !important; /* Brand Teal Underline */
}

.woocommerce-tabs ul.tabs li.active a {
    color: #00AA93 !important;
}

/* 3. CONTENT PANEL (The Text Area) */
.woocommerce-tabs .woocommerce-Tabs-panel {
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 0 20px 20px 20px !important;
    padding: 30px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02) !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel h2 {
    font-family: 'Fredoka', sans-serif !important;
    color: #4B9AD6 !important; /* Brand Blue for Headers */
    font-size: 1.5rem !important;
    margin-bottom: 15px !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel p {
    line-height: 1.8 !important;
    color: #475569 !important;
}

/* 4. REVIEWS SECTION FIXES */
#review_form_wrapper #submit {
    background: #4B9AD6 !important;
    border-radius: 50px !important;
    color: #fff !important;
    padding: 10px 30px !important;
    border: none !important;
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 700 !important;
}

#review_form_wrapper #submit:hover {
    background: #00AA93 !important;
}

/* Remove default WooCommerce focus outlines and underlines */
.woocommerce-tabs ul.tabs li a:focus {
    outline: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-265ef09 *//* --- Change ONLY the Related Products Title Color --- */
.related.products h2 {
    color: #00AA93 !important; /* Your Brand Teal Color */
    font-family: 'Baloo 2', cursive !important; /* Consistent with your brand font */
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* --- Ensure links and prices do not have underlines --- */
.related.products ul.products li.product a,
.related.products ul.products li.product .price,
.related.products ul.products li.product .amount {
    text-decoration: none !important;
    border-bottom: none !important;
}




/* ========================================
   TINY MUSLIMS - PREMIUM MODERN PRODUCT CARD
   Fonts: Baloo 2 (Titles) + Poppins (UI/Price/Button)
   ======================================== */

/* 1. MAIN CARD CONTAINER */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 28px 20px 24px !important;
    text-align: center !important;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative;
    overflow: hidden;
    margin: 0 !important;
}

/* Brand Accent Line (Top) */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #00AA93, #F3A847);
    z-index: 2;
}

/* 2. PRODUCT IMAGE */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product a.woocommerce-LoopProduct-link,
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .woocommerce-LoopProduct-link {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product img {
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    background: #f8fafc;
    transition: transform 0.3s ease !important;
}

.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product:hover img {
    transform: scale(1.03);
}

/* 3. SALE BADGE */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .onsale,
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product span.onsale {
    background: #F3A847 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    z-index: 3 !important;
    box-shadow: 0 2px 6px rgba(243, 168, 71, 0.3) !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.3 !important;
}

/* 4. PRODUCT TITLE */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Baloo 2', cursive !important;
    color: #0f172a !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.35 !important;
    min-height: 2.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 5. PRICE SECTION (Regular vs Offer) */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price {
    font-family: 'Poppins', sans-serif !important;
    margin: 0 0 22px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    line-height: 1.2 !important;
}

/* Regular Price */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price del {
    color: #94a3b8 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    opacity: 0.85 !important;
    background: transparent !important;
}

.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price del .amount {
    color: #94a3b8 !important;
}

/* Offer/Sale Price */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price ins {
    text-decoration: none !important;
    background: transparent !important;
    color: #00AA93 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
}

.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price ins .amount {
    color: #00AA93 !important;
}

/* Tighten spacing when both prices exist */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price del + ins {
    margin-top: -2px;
}

/* 6. ADD TO CART BUTTON */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .button,
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .add_to_cart_button,
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product button.button {
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50px !important;
    padding: 11px 24px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    width: 100% !important;
    max-width: 180px;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
    cursor: pointer;
    margin-top: auto !important;
}

.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .button:hover,
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .add_to_cart_button:hover {
    background: #00AA93 !important;
    color: #ffffff !important;
    border-color: #00AA93 !important;
    box-shadow: 0 4px 12px rgba(0, 170, 147, 0.25) !important;
    transform: translateY(-2px);
}

.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .button:active {
    transform: translateY(0);
    box-shadow: none !important;
}

/* 7. DESKTOP HOVER STATE */
@media (min-width: 1025px) {
    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product:hover {
        border-color: #cbd5e1 !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07) !important;
        transform: translateY(-4px);
    }
}

/* 8. RESPONSIVE DESIGN */

/* Tablet */
@media (max-width: 1024px) {
    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product {
        padding: 22px 16px 20px !important;
    }
    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .onsale,
    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product span.onsale {
        top: 18px !important;
        right: 18px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
        padding: 0 8px !important;
    }

    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product {
        padding: 18px 12px 16px !important;
        border-radius: 12px !important;
    }

    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product img {
        border-radius: 10px !important;
        margin-bottom: 14px !important;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06) !important;
    }

    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.95rem !important;
        margin-bottom: 10px !important;
        min-height: auto;
    }

    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price {
        margin-bottom: 16px !important;
    }

    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price del { font-size: 0.8rem !important; }
    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .price ins { font-size: 1.1rem !important; }

    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .button,
    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .add_to_cart_button {
        padding: 10px 16px !important;
        font-size: 0.8rem !important;
        max-width: none !important;
    }

    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .onsale,
    .elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product span.onsale {
        top: 14px !important;
        right: 14px !important;
        padding: 3px 8px !important;
        font-size: 0.6rem !important;
    }
}

/* 9. ACCESSIBILITY */
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .button:focus,
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product .add_to_cart_button:focus,
.elementor-249 .elementor-element.elementor-element-265ef09 ul.products li.product a:focus {
    outline: 2px solid #00AA93 !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}/* End custom CSS */