.elementor-7 .elementor-element.elementor-element-5b6aaa91 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #1E461600 0%, var( --e-global-color-astglobalcolor1 ) 100%);opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-5b6aaa91 > .elementor-container{min-height:450px;}.elementor-7 .elementor-element.elementor-element-5b6aaa91 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-7 .elementor-element.elementor-element-5b6aaa91{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-7 .elementor-element.elementor-element-5b6aaa91 > .elementor-shape-top svg{width:calc(100% + 1.3px);height:30px;}.elementor-7 .elementor-element.elementor-element-5b6aaa91 > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:30px;}.elementor-bc-flex-widget .elementor-7 .elementor-element.elementor-element-421bb8f7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7 .elementor-element.elementor-element-421bb8f7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7 .elementor-element.elementor-element-2e6f7c48{--spacer-size:136px;width:var( --container-widget-width, 80px );max-width:80px;--e-transform-translateX:60px;--e-transform-flipX:-1;background-image:url("https://virasatemaheshwari.com/wp-content/uploads/2026/07/blob-tt-5.png");--container-widget-width:80px;--container-widget-flex-grow:0;top:0px;background-position:center center;background-repeat:no-repeat;background-size:contain;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-2e6f7c48{right:0px;}body.rtl .elementor-7 .elementor-element.elementor-element-2e6f7c48{left:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-4890449a .elementor-icon-box-title{margin-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-22c3699a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-277c511{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Caveat", Sans-serif;font-size:35px;font-weight:400;color:#000000;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-5b6aaa91 > .elementor-container{min-height:343px;}}/* Start custom CSS for fibosearch, class: .elementor-element-ab11774 *//* ==============================================
      VIRASAT SEARCH BOX (ULTRA PREMIUM & OPTIMIZED)
================================================ */

.dgwt-wcas-search-wrapp {
    max-width: 850px;
    margin: auto;
    position: relative;
    z-index: 10;
    /* Hardware acceleration smooth movement ke liye */
    transform: translate3d(0, 0, 0);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Search Input Box */
.dgwt-wcas-search-input {
    height: 68px !important;
    border-radius: 60px !important;
    border: 2px solid #B8860B !important; 
    background: #ffffff !important;
    padding: 0 70px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #222222 !important;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.04),
        inset 0 1px 4px rgba(184, 134, 11, 0.05) !important;
    transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Placeholder Styling */
.dgwt-wcas-search-input::placeholder {
    color: #999999;
    letter-spacing: 0.5px;
    font-weight: 400;
}

/* Hover States */
.dgwt-wcas-search-wrapp:hover {
    transform: translate3d(0, -4px, 0);
}

.dgwt-wcas-search-input:hover {
    border-color: #D4AF37 !important;
    box-shadow: 
        0 15px 35px rgba(184, 134, 11, 0.12),
        inset 0 1px 4px rgba(184, 134, 11, 0.05) !important;
}

/* Focus State (Typing ke waqt pure luxury control) */
.dgwt-wcas-search-input:focus {
    border-color: #D4AF37 !important;
    background: #ffffff !important;
    box-shadow: 
        0 0 0 4px rgba(212, 175, 55, 0.2), 
        0 20px 40px rgba(184, 134, 11, 0.25) !important;
}

/* Icons (Search, Magnifier, Submit) */
.dgwt-wcas-ico-magnifier,
.dgwt-wcas-search-icon,
.dgwt-wcas-search-submit {
    color: #B8860B !important;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover par search icon halka sa rotate/pop karega */
.dgwt-wcas-search-wrapp:hover .dgwt-wcas-ico-magnifier {
    transform: scale(1.08);
}

.dgwt-wcas-preloader {
    color: #B8860B !important;
}

/* ==============================================
   EFFECTIVE: LUXURY GOLD AMBIENT GLOW
================================================ */

.dgwt-wcas-search-wrapp::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 60px;
    /* Multilayered shadow se glow ekdum real aur professional lagta hai */
    box-shadow: 
        0 0 20px rgba(184, 134, 11, 0.25),
        0 0 40px rgba(212, 175, 55, 0.15);
    z-index: -1;
    opacity: 0.7;
    /* Scale hata kar sirf opacity animate ki taaki jitter na ho */
    animation: luxuryGlow 4s ease-in-out infinite alternate;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

/* Jab user type karega toh animation fade-out hokar steady ho jayega */
.dgwt-wcas-search-wrapp:focus-within::before {
    animation: none;
    opacity: 1;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.35);
}

@keyframes luxuryGlow {
    0% {
        opacity: 0.5;
        filter: blur(2px);
    }
    100% {
        opacity: 1;
        filter: blur(5px);
    }
}

/* ==============================================
   SEARCH SUGGESTIONS DROPDOWN
================================================ */

.dgwt-wcas-suggestions-wrapp {
    border-radius: 20px !important; /* Perfect matching curve */
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    overflow: hidden !important;
    margin-top: 14px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12) !important;
    background: #ffffff !important;
    backdrop-filter: blur(10px); /* Premium element integration */
}

/* Suggestion list styling */
.dgwt-wcas-suggestion {
    transition: background 0.25s ease, padding 0.25s ease;
}

.dgwt-wcas-suggestion:hover,
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-selected {
    background: linear-gradient(90deg, #fffcf6 0%, #fff6e5 100%) !important;
    padding-left: 22px !important; /* Elegant shift effect on hover */
}

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

@media (max-width: 768px) {
    .dgwt-wcas-search-wrapp {
        max-width: 94%;
    }

    .dgwt-wcas-search-input {
        height: 54px !important;
        font-size: 15px !important;
        padding: 0 52px !important;
        border-radius: 40px !important;
        border-width: 1.5px !important;
    }

    .dgwt-wcas-search-wrapp::before {
        border-radius: 40px;
        box-shadow: 0 0 15px rgba(184, 134, 11, 0.2);
    }

    .dgwt-wcas-suggestions-wrapp {
        border-radius: 14px !important;
        margin-top: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5a34dac *//* ==========================================
   VIRASAT E MAHESHWARI PRODUCTS (UPGRADED)
============================================ */

.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); /* 220px se 240px kiya for better layout */
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none; /* Default bullets hatane ke liye */
}

.woocommerce ul.products li.product {
    background: #ffffff;
    border: 1px solid #f1f1f1;
    border-radius: 20px; /* Thoda aur modern rounded look */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* Premium smooth transition */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    display: flex;
    flex-direction: column; /* Content ko perfectly align rakhne ke liye */
    will-change: transform, box-shadow;
    transform: translateZ(0); /* Safari rounded corner bug fix */
}

/* Card Hover Effect */
.woocommerce ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 35px rgba(184, 134, 11, 0.15);
    border-color: #D4AF37;
}

/* Product Image Container & Image */
.woocommerce ul.products li.product a img {
    width: 100%;
    aspect-ratio: 1 / 1.2;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
}

.woocommerce ul.products li.product:hover a img {
    transform: scale(1.05); /* Clean and elegant zoom */
}

/* FIX: Product Name Styling (Ab pure solid black dikhega) */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 17px;
    font-weight: 600;
    color: #000000 !important; /* Pure Black Colour */
    line-height: 1.4;
    padding: 18px 18px 8px;
    margin: 0;
    /* Multiline Truncation */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 48px; 
}

/* Rating Style */
.woocommerce .star-rating {
    margin: 0 18px 10px;
    color: #D4AF37;
    font-size: 14px;
}

/* Price Section */
.woocommerce ul.products li.product .price {
    color: #B8860B; /* Current/Sale Price ka main color gold */
    font-size: 20px;
    font-weight: 700;
    padding: 0 18px 15px;
    margin-top: auto; /* Price aur button ko humesha bottom par generate karega */
}

/* FIX: Old Price Styling (Absolute SOLID pure black) */
.woocommerce ul.products li.product del,
.woocommerce ul.products li.product del .amount {
    color: #000000 !important; /* Pure Black Colour */
    opacity: 1 !important; /* Opacity full taaki dark dikhe */
    font-size: 15px;
    font-weight: 500;
    margin-right: 8px;
    text-decoration: line-through !important; /* Line cut effect */
}

/* New/Sale Price Styling (Yeh Gold hi rahega) */
.woocommerce ul.products li.product ins,
.woocommerce ul.products li.product ins .amount {
    text-decoration: none !important;
    color: #B8860B !important;
    font-weight: 700;
}

/* Premium Button Style */
.woocommerce ul.products li.product .button {
    display: block;
    width: calc(100% - 36px);
    margin: 0 18px 20px;
    border-radius: 50px; /* Fully pill-shaped */
    background: linear-gradient(135deg, #B8860B, #D4AF37);
    color: #ffffff !important;
    text-align: center;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 4px 15px rgba(184, 134, 11, 0.2);
}

.woocommerce ul.products li.product .button:hover {
    background: #111111;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Elegant Sale Badge */
.woocommerce span.onsale {
    background: linear-gradient(135deg, #B8860B, #D4AF37);
    color: #ffffff;
    border-radius: 30px; /* Badges ke liye pill shape jyada trendy lagta hai */
    padding: 4px 12px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    min-width: auto;
    min-height: auto;
    line-height: 1;
    top: 15px;
    left: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* ==========================================
   MOBILE & TABLET RESPONSIVENESS
============================================ */

@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr); /* Mobile par standard 2 columns */
        gap: 15px;
        padding: 5px;
    }

    .woocommerce ul.products li.product {
        border-radius: 14px;
    }
    
    .woocommerce ul.products li.product:hover {
        transform: translateY(-4px); /* Mobile par kam lift safe rehta hai touch scroll ke liye */
    }

    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px;
        padding: 12px 12px 4px;
        min-height: 40px;
    }
    
    .woocommerce .star-rating {
        margin: 0 12px 8px;
        font-size: 12px;
    }

    .woocommerce ul.products li.product .price {
        font-size: 16px;
        padding: 0 12px 12px;
    }

    .woocommerce ul.products li.product del,
    .woocommerce ul.products li.product del .amount {
        font-size: 13px;
        opacity: 1 !important;
    }

    .woocommerce ul.products li.product .button {
        width: calc(100% - 24px);
        margin: 0 12px 15px;
        padding: 9px;
        font-size: 13px;
    }
    
    .woocommerce span.onsale {
        top: 10px;
        left: 10px;
        font-size: 10px;
        padding: 3px 8px;
    }
}/* End custom CSS */