.elementor-463 .elementor-element.elementor-element-c5b4471{--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;--padding-top:100px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-463 .elementor-element.elementor-element-2606f80{text-align:center;}.elementor-463 .elementor-element.elementor-element-2606f80 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-540c86b );}.elementor-463 .elementor-element.elementor-element-d00441d{text-align:center;font-family:var( --e-global-typography-d071c2c-font-family ), Sans-serif;font-size:var( --e-global-typography-d071c2c-font-size );font-weight:var( --e-global-typography-d071c2c-font-weight );line-height:var( --e-global-typography-d071c2c-line-height );color:var( --e-global-color-540c86b );}.elementor-463 .elementor-element.elementor-element-3e40c84{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-463 .elementor-element.elementor-element-2606f80 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-463 .elementor-element.elementor-element-d00441d{font-size:var( --e-global-typography-d071c2c-font-size );line-height:var( --e-global-typography-d071c2c-line-height );}}@media(max-width:767px){.elementor-463 .elementor-element.elementor-element-2606f80 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-463 .elementor-element.elementor-element-d00441d{font-size:var( --e-global-typography-d071c2c-font-size );line-height:var( --e-global-typography-d071c2c-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-52b160c *//* --- FAVORITES GRID SYSTEM (3-COLUMN) --- */
.my-elementor-favorites-list {
    display: grid !important;
    /* Desktop: 3 columns for bigger images */
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 4rem 3rem !important; /* Larger vertical gap for a clean look */
    padding: 0 !important;
    list-style: none !important;
    font-family: 'Optima', 'Segoe UI', sans-serif !important;
}

/* --- ITEM STRUCTURE (Transparent Background) --- */
.my-elementor-favorites-list li {
    background-color: transparent !important; /* REMOVED BACKGROUND */
    border: none !important; /* REMOVED BORDERS */
    padding: 0 !important; /* REMOVED PADDING */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    transition: 0.3s ease !important;
}

/* --- IMAGE STYLING (THE HERO OF THE CARD) --- */
.my-elementor-favorites-list li p:first-child {
    margin: 0 0 1.5rem 0 !important; /* Spacing below the big image */
    width: 100% !important;
}

.my-elementor-favorites-list img {
    width: 100% !important; /* Makes image fill the 3-column width */
    height: auto !important;
    aspect-ratio: 1 / 1 !important; /* Keeps images large and uniform */
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

/* Subtle zoom effect on the image instead of a box shadow */
.my-elementor-favorites-list li:hover img {
    transform: scale(1.02) !important;
}

/* --- PRODUCT TITLE --- */
.my-elementor-favorites-list li a {
    font-family: 'Optima', sans-serif !important;
    font-size: 1.125rem !important; /* Subsection Title */
    font-weight: 500 !important;
    color: #29160C !important; /* Primary Brown */
    text-decoration: none !important;
    line-height: 1.375 !important;
    margin-bottom: 1rem !important;
    display: block !important;
    letter-spacing: 0.05em !important;
}

/* --- BUTTON STYLING (Primary Button) --- */
.my-elementor-favorites-list .simplefavorite-button {
    background-color: #29160C !important;
    color: #FFFFFF !important;
    padding: 1rem 2rem !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.15em !important;
    border: none !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    transition: 0.3s !important;
}

.my-elementor-favorites-list .simplefavorite-button:hover {
    background-color: #330000 !important;
}

/* --- RESPONSIVE BREAKPOINTS --- */

/* Tablet (768px - 1023px): 2 Columns */
@media (max-width: 1023px) {
    .my-elementor-favorites-list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 3rem 2rem !important;
    }
}

/* Mobile (< 768px): 1 Column for Maximum Image Size */
@media (max-width: 767px) {
    .my-elementor-favorites-list {
        grid-template-columns: 1fr !important;
        gap: 3rem !important;
    }
}

/* Cleanup for plugin-generated paragraph tags */
.my-elementor-favorites-list li p {
    margin: 0 !important;
    width: 100% !important;
}/* End custom CSS */