.elementor-27 .elementor-element.elementor-element-42f63081{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:200px;--padding-right:200px;}.elementor-27 .elementor-element.elementor-element-42f63081:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-42f63081 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#95AEBC;background-image:url("https://must.weboost.digital/wp-content/uploads/2026/03/generation-0b94e69a-b3cc-4d39-aaf3-766998c11fd4.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-27 .elementor-element.elementor-element-42f63081::before, .elementor-27 .elementor-element.elementor-element-42f63081 > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-42f63081 > .e-con-inner > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-42f63081 > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-42f63081 > .e-con-inner > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-42f63081 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-27 .elementor-element.elementor-element-30f17eb4 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-27 .elementor-element.elementor-element-30f17eb4 .title-after_title, .elementor-27 .elementor-element.elementor-element-30f17eb4 .title-subtitle, .elementor-27 .elementor-element.elementor-element-30f17eb4 .woodmart-title-container{max-width:80%;}.elementor-27 .elementor-element.elementor-element-30f17eb4 .title-subtitle{font-family:"Manrope", Sans-serif;font-size:28px;font-weight:100;}.elementor-27 .elementor-element.elementor-element-30f17eb4 .title{font-size:80px;font-weight:100;line-height:1.2em;}.elementor-27 .elementor-element.elementor-element-16ce2f67{--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;--justify-content:center;--gap:10px 15px;--row-gap:10px;--column-gap:15px;}.elementor-27 .elementor-element.elementor-element-4c80878f{width:auto;max-width:auto;}.elementor-27 .elementor-element.elementor-element-4c80878f .wd-btn-text{font-family:"Tajawal", Sans-serif;}.elementor-27 .elementor-element.elementor-element-c9e883a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-24dd586{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-38c4582{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-c652153{width:100%;max-width:100%;}.elementor-27 .elementor-element.elementor-element-c652153.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-c652153 .wd-tabs .tabs-name{font-family:"Tajawal", Sans-serif;}.elementor-27 .elementor-element.elementor-element-c652153 .tabs-name{color:#000000;}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-42f63081{--padding-top:120px;--padding-bottom:120px;--padding-left:15px;--padding-right:15px;}.elementor-27 .elementor-element.elementor-element-30f17eb4 .title-after_title, .elementor-27 .elementor-element.elementor-element-30f17eb4 .title-subtitle, .elementor-27 .elementor-element.elementor-element-30f17eb4 .woodmart-title-container{max-width:80%;}.elementor-27 .elementor-element.elementor-element-30f17eb4 .title{font-size:56px;}}@media(max-width:768px){.elementor-27 .elementor-element.elementor-element-30f17eb4 .title-after_title, .elementor-27 .elementor-element.elementor-element-30f17eb4 .title-subtitle, .elementor-27 .elementor-element.elementor-element-30f17eb4 .woodmart-title-container{max-width:100%;}.elementor-27 .elementor-element.elementor-element-30f17eb4 .title-subtitle{font-size:22px;}.elementor-27 .elementor-element.elementor-element-30f17eb4 .title{font-size:32px;}.elementor-27 .elementor-element.elementor-element-4c80878f .wd-btn-text{font-size:18px;}.elementor-27 .elementor-element.elementor-element-24dd586{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-6bca9e5 div.product-category .wd-entities-title, .elementor-27 .elementor-element.elementor-element-6bca9e5 .wd-nav-product-cat>li>a{font-size:1px;}}/* Start custom CSS for wd_products_tabs, class: .elementor-element-c652153 *//* =========================================
   ONLINE SHOP DZ • Professional Headline
   ========================================= */

/* 1. Container Spacing */
.wd-tabs-header {
    margin-bottom: 40px !important;
    position: relative;
    padding-top: 20px;
}

/* 2. The Title Wrapper */
.wd-tabs-header .tabs-name {
    display: inline-block;
    position: relative;
    padding-bottom: 18px; /* Space for the underline */
    margin-bottom: -50px;
}

/* 3. The Text (Typography) */
.wd-tabs-header .tabs-text {
    font-size: 32px;
    font-weight: 900;
    color: #1e293b; /* Deep Navy/Black for contrast */
    line-height: 1.2;
    letter-spacing: -0.02em;
    position: relative;
    z-index: 2;
}

/* 4. The Gradient Underline Accent */
.wd-tabs-header .tabs-name::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px; /* Width of the line */
    height: 4px;
    border-radius: 4px;
    /* Online Shop Dz Gradient */
    background: linear-gradient(90deg, #d4b674 0%, #d4b674 100%);
    transition: width 0.3s ease;
}

/* Hover Effect: Expands the line slightly */
.wd-tabs-header:hover .tabs-name::after {
    width: 120px;
}

/* 5. Optional: Background Subtle Glow (Behind text) */
.wd-tabs-header .tabs-name::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(43, 149, 240, 0.08) 0%, transparent 70%);
    z-index: 1;
    pointer-events: none;
}

/* 6. Navigation Tabs (If you add filters later) */
.wd-nav-tabs.wd-style-underline {
    border-bottom: none !important;
}

.wd-nav-tabs .nav-link-text {
    font-weight: 700;
    color: #64748b;
    font-size: 16px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .wd-tabs-header {
        margin-bottom: 30px !important;
    }
    
    .wd-tabs-header .tabs-text {
        font-size: 24px;
    }
    
    .wd-tabs-header .tabs-name::after {
        width: 60px;
        height: 3px;
    }
}/* End custom CSS */