.elementor-209 .elementor-element.elementor-element-3ce55c0{--display:flex;}.elementor-widget-theme-archive-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 );}.elementor-209 .elementor-element.elementor-element-758f72a{--display:flex;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.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 );}.elementor-widget-wc-archive-products.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-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.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-wc-archive-products.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-wc-archive-products.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-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-209 .elementor-element.elementor-element-a283bee.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-209 .elementor-element.elementor-element-a283bee.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-209 .elementor-element.elementor-element-a283bee.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-209 .elementor-element.elementor-element-a283bee.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* --- KROKYIA GLASS CARD MASTER CODE --- */

/* 1. The Glass Container (The Card) */
ul.products li.product {
    background: rgba(255, 255, 255, 0.03) !important; /* Very dark glass */
    backdrop-filter: blur(10px) !important; /* The Blur Effect */
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08) !important; /* Faint white border */
    border-radius: 0px !important; /* Sharp industrial edges (or use 8px for curves) */
    padding: 20px !important;
    transition: all 0.4s ease !important; /* Smooth animation */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); /* Deep shadow */
}

/* 2. Hover Effect (The "Lift & Glow") */
ul.products li.product:hover {
    transform: translateY(-10px) !important; /* Floats up */
    border-color: #D4AF37 !important; /* Turns Gold */
    background: rgba(255, 255, 255, 0.06) !important; /* Slightly lighter */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* 3. Product Title (White & Classy) */
h2.woocommerce-loop-product__title {
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    margin-top: 15px !important;
}

/* 4. Product Price (Gold & Bold) */
.price {
    color: #D4AF37 !important; /* Krokyia Gold */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* 5. "Add to Cart" Button (Transparent & Gold) */
.button.add_to_cart_button {
    background: transparent !important;
    border: 1px solid #D4AF37 !important;
    color: #D4AF37 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    padding: 10px 20px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
    width: 100%; /* Full width button looks better on cards */
}

.button.add_to_cart_button:hover {
    background: #D4AF37 !important; /* Fills with Gold */
    color: #1A2B4C !important; /* Text turns Navy */
    font-weight: bold !important;
}

/* 6. Sale Badge (If you have items on sale) */
span.onsale {
    background-color: #2E8B57 !important; /* Emerald Green */
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-size: 10px !important;
    padding: 5px 10px !important;
}/* End custom CSS */