.elementor-11892 .elementor-element.elementor-element-9aad2cf{--display:flex;--min-height:300px;--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;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-11892 .elementor-element.elementor-element-bc09355{--display:flex;--min-height:300px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF24;--border-color:#FFFFFF24;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-11892 .elementor-element.elementor-element-bc09355:not(.elementor-motion-effects-element-type-background), .elementor-11892 .elementor-element.elementor-element-bc09355 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#130074B8;}.elementor-11892 .elementor-element.elementor-element-427be5a{text-align:left;}.elementor-11892 .elementor-element.elementor-element-427be5a .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;}.elementor-11892 .elementor-element.elementor-element-e2dcea3 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:40px;font-weight:bold;}.elementor-11892 .elementor-element.elementor-element-7d74dfb{font-family:"Outfit", Sans-serif;font-size:20px;}.elementor-11892 .elementor-element.elementor-element-a006b67{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-11892 .elementor-element.elementor-element-a74de52{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF1F;--border-color:#FFFFFF1F;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-11892 .elementor-element.elementor-element-a74de52:not(.elementor-motion-effects-element-type-background), .elementor-11892 .elementor-element.elementor-element-a74de52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000045;}.elementor-11892 .elementor-element.elementor-element-dd1391c{--display:flex;}.elementor-11892 .elementor-element.elementor-element-3b59888{--grid-columns:3;--grid-row-gap:0px;--grid-column-gap:14px;}.elementor-11892 .elementor-element.elementor-element-3b59888 .elementor-pagination{text-align:center;font-family:"Outfit", Sans-serif;font-size:20px;font-weight:bold;}.elementor-11892 .elementor-element.elementor-element-3b59888 .elementor-pagination .page-numbers:not(.dots){color:#00B9FF;}.elementor-11892 .elementor-element.elementor-element-3b59888 .elementor-pagination a.page-numbers:hover{color:#FFFFFF;}.elementor-11892 .elementor-element.elementor-element-3b59888 .elementor-pagination .page-numbers.current{color:#000000;}body:not(.rtl) .elementor-11892 .elementor-element.elementor-element-3b59888 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-11892 .elementor-element.elementor-element-3b59888 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-11892 .elementor-element.elementor-element-3b59888 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-11892 .elementor-element.elementor-element-3b59888 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-11892 .elementor-element.elementor-element-a006b67{--content-width:1200px;}.elementor-11892 .elementor-element.elementor-element-a74de52{--width:25%;}.elementor-11892 .elementor-element.elementor-element-dd1391c{--width:75%;}}@media(max-width:1024px){.elementor-11892 .elementor-element.elementor-element-3b59888{--grid-columns:2;}}@media(max-width:767px){.elementor-11892 .elementor-element.elementor-element-3b59888{--grid-columns:2;}}/* Start custom CSS for heading, class: .elementor-element-e2dcea3 *//* --- GRADIENT TEXT FIX --- */
.sw-gradient-text {
    background: linear-gradient(90deg, #7000FF 0%, #00F0FF 100%);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block; /* Ye zaroori hai taake background na bane */
}/* End custom CSS */
/* Start custom CSS *//* --- SHOP PAGE STYLING --- */

/* 1. HERO HEADING GRADIENT FIX */
.sw-gradient-text {
    background: linear-gradient(90deg, #7000FF 0%, #00F0FF 100%);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block !important;
}

/* 2. SEARCH FORM (Big Button Below) */
/* Input Field */
.elementor-search-form__input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Visible Border */
    color: white !important;
    border-radius: 10px !important;
    padding: 15px !important;
    transition: all 0.3s ease !important;
}
/* Input Focus Glow */
.elementor-search-form__input:focus {
    border-color: #00F0FF !important; /* Cyan */
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3) !important;
}

/* Search Button (Neeche aur Lamba) */
.elementor-search-form__submit {
    width: 100% !important; /* Full Width */
    margin-top: 10px !important;
    border-radius: 10px !important;
    background: #7000FF !important; /* Purple */
    min-width: 50px !important; /* Ensure visibility */
}
.elementor-search-form__submit:hover {
    background: #00F0FF !important; /* Cyan Hover */
    color: black !important;
}
/* Force Column Layout for Search */
.elementor-search-form__container {
    flex-direction: column !important;
}

/* 3. PRODUCT GRID CARDS (Visible Border & Glow) */
/* Loop Items ko target kar rahe hain */
.e-loop-item {
    background-color: rgba(3, 0, 20, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Normal me bhi dikhe */
    border-radius: 20px !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* Card Hover Effect */
.e-loop-item:hover {
    border-color: #00F0FF !important; /* Cyan Border */
    box-shadow: 0 10px 40px rgba(112, 0, 255, 0.3) !important; /* Purple Shadow */
    transform: translateY(-5px) !important;
}

/* 4. Sidebar Links (Categories) */
.widget_product_categories ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget_product_categories li {
    margin-bottom: 10px !important;
}
.widget_product_categories li a {
    color: #888888 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 15px !important;
    transition: 0.3s !important;
    text-decoration: none !important;
    display: block !important;
    border-bottom: 1px solid rgba(255,255,255,0.05); /* Halka separator */
    padding-bottom: 5px;
}
.widget_product_categories li a:hover {
    color: #00F0FF !important;
    padding-left: 10px !important;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
    border-color: #00F0FF;
}

/* 5. Price Filter Bar */
.price_slider_amount .button {
    background: #7000FF !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    padding: 8px 15px !important;
    color: white !important;
    font-weight: bold !important;
    width: 100% !important; /* Button ko bhi full width karo */
    margin-top: 10px !important;
}
.price_slider_wrapper .ui-slider-range {
    background: #00F0FF !important;
}
.price_slider_wrapper .ui-slider-handle {
    background: #ffffff !important;
}

/* 6. Pagination */
.elementor-pagination .page-numbers {
    background: rgba(255,255,255,0.05) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 10px !important;
    margin: 0 5px !important;
}
.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover {
    background: #7000FF !important;
    border-color: #7000FF !important;
    color: white !important;
    box-shadow: 0 0 15px rgba(112, 0, 255, 0.4);
}/* End custom CSS */