.elementor-9813 .elementor-element.elementor-element-0eede10{--display:flex;--min-height:573px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9813 .elementor-element.elementor-element-0eede10:not(.elementor-motion-effects-element-type-background), .elementor-9813 .elementor-element.elementor-element-0eede10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://radiantprimetv.com/wp-content/uploads/2024/10/Untitled-design.jpg");}.elementor-9813 .elementor-element.elementor-element-017c5a7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-9813 .elementor-element.elementor-element-017c5a7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9813 .elementor-element.elementor-element-017c5a7 .elementor-heading-title{color:#FFFFFF;}.elementor-9813 .elementor-element.elementor-element-6dd2383{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-e77116b */.product-filter {
    margin-bottom: 20px;
    text-align: center;
}

.filter-button {
    margin: 5px;
    padding: 10px 20px;
    font-family: 'Cairo', sans-serif;
    cursor: pointer;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.product-box {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
    font-family: 'Cairo', sans-serif;
}

.product-image img {
    max-width: 100%;
    height: auto;
}

.product-info {
    margin-top: 10px;
}

.product-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-category {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}

.product-prices {
    margin-bottom: 10px;
}

.old-price {
    font-size: 14px;
    color: #888;
    text-decoration: line-through;
    margin-right: 5px;
}

.new-price {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.product-buttons .button {
    display: inline-block;
    margin: 5px;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    background-color: #0073aa;
    text-decoration: none;
    border-radius: 5px;
}

.product-buttons .button:hover {
    background-color: #005885;
}/* End custom CSS */