.elementor-57 .elementor-element.elementor-element-5bbbd49{--display:flex;--overlay-opacity:0.5;--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-57 .elementor-element.elementor-element-5bbbd49:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-5bbbd49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://happynaturedelights.ca/wp-content/uploads/2026/03/lucid-origin_enhance_the_imagUltra-realistic_premium_food_photography_of_an_elegant_assortmen-0.jpg");background-position:center center;}.elementor-57 .elementor-element.elementor-element-5bbbd49::before, .elementor-57 .elementor-element.elementor-element-5bbbd49 > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-5bbbd49 > .e-con-inner > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-5bbbd49 > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-5bbbd49 > .e-con-inner > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-5bbbd49 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B2E2A;--background-overlay:'';}.elementor-57 .elementor-element.elementor-element-3abb2cd{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-57 .elementor-element.elementor-element-90c77d4{--display:flex;--margin-top:23px;--margin-bottom:32px;--margin-left:30px;--margin-right:0px;}.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-widget-heading .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-57 .elementor-element.elementor-element-7834934 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:77px;font-weight:600;color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-93f2844{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;color:#F0EBE09E;}.elementor-57 .elementor-element.elementor-element-8998790{--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-57 .elementor-element.elementor-element-7663da6 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;border-radius:9px 9px 9px 9px;}.elementor-57 .elementor-element.elementor-element-86c58fc .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;border-radius:9px 9px 9px 9px;}.elementor-57 .elementor-element.elementor-element-57c18f7{--display:flex;}.elementor-57 .elementor-element.elementor-element-fbef503{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-57 .elementor-element.elementor-element-81dd10f{--display:flex;}.elementor-57 .elementor-element.elementor-element-9f257b0{--display:flex;--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-57 .elementor-element.elementor-element-d7dc9d8{--display:flex;--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-57 .elementor-element.elementor-element-d7dc9d8:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-d7dc9d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFAF4;}.elementor-57 .elementor-element.elementor-element-153dc31{text-align:center;}.elementor-57 .elementor-element.elementor-element-68220fa{text-align:center;}.elementor-57 .elementor-element.elementor-element-561c9dc{text-align:center;}.elementor-57 .elementor-element.elementor-element-d15d438{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-57 .elementor-element.elementor-element-d15d438:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-d15d438 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F2E8;}.elementor-57 .elementor-element.elementor-element-f7bf10d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-57 .elementor-element.elementor-element-ed4c7ec{--display:flex;--border-radius:131px 131px 131px 131px;}.elementor-57 .elementor-element.elementor-element-ed4c7ec:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-ed4c7ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://happynaturedelights.ca/wp-content/uploads/2026/03/fedor-BRiT_s3tN6Y-unsplash-768x767.jpg");background-position:center center;}.elementor-57 .elementor-element.elementor-element-50bcf09{--display:flex;}.elementor-57 .elementor-element.elementor-element-5ea4105{--display:flex;--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-57 .elementor-element.elementor-element-92791a6{text-align:center;font-family:"DM Sans", Sans-serif;font-weight:400;color:#7A9E7E;}.elementor-57 .elementor-element.elementor-element-954533b{text-align:center;}.elementor-57 .elementor-element.elementor-element-735c3f7{--display:flex;--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-57 .elementor-element.elementor-element-621544e{text-align:center;font-family:"DM Sans", Sans-serif;font-weight:400;color:#7A9E7E;}.elementor-57 .elementor-element.elementor-element-87a7313{--display:flex;}.elementor-57 .elementor-element.elementor-element-dd166bc{text-align:center;}.elementor-57 .elementor-element.elementor-element-b3405f2{--display:flex;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-7825909{margin:-65px 0px calc(var(--kit-widget-spacing, 0px) + -82px) 0px;text-align:center;}.elementor-57 .elementor-element.elementor-element-c140048{--display:flex;--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-57 .elementor-element.elementor-element-c140048:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-c140048 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#17341D;}.elementor-57 .elementor-element.elementor-element-1d88519{text-align:center;font-family:"DM Sans", Sans-serif;font-size:10px;font-weight:600;color:#C8A96AE6;}.elementor-57 .elementor-element.elementor-element-69cf469{margin:-61px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-57 .elementor-element.elementor-element-531e8fa{text-align:center;font-family:"DM Sans", Sans-serif;font-weight:400;color:#F0EBE08C;}.elementor-57 .elementor-element.elementor-element-c5c6264 .elementor-button{background-color:#FFFFFF66;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:44px 44px 44px 44px;}.elementor-57 .elementor-element.elementor-element-f708eef{text-align:center;font-family:"DM Sans", Sans-serif;font-size:10px;font-weight:400;color:#F0EBE0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-3abb2cd{--grid-auto-flow:row;}.elementor-57 .elementor-element.elementor-element-fbef503{--grid-auto-flow:row;}.elementor-57 .elementor-element.elementor-element-f7bf10d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-3abb2cd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-57 .elementor-element.elementor-element-fbef503{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-57 .elementor-element.elementor-element-f7bf10d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-87a7313 *//* ─── HAPPY'S NATURE DELIGHTS: PREMIUM PRODUCT GRID ─── */

/* 1. Grid Adjustment for Responsiveness */
.elementor-57 .elementor-element.elementor-element-87a7313 ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    margin: 40px 0 !important;
}

/* 2. The Card: High-End Minimalist */
.elementor-57 .elementor-element.elementor-element-87a7313 .product {
    background: #F7F2E8 !important; /* Premium Sand background */
    border-radius: 24px !important; /* Softer iOS-style corners */
    overflow: hidden !important;
    border: 1px solid rgba(122, 158, 126, 0.15) !important;
    box-shadow: 0 10px 30px rgba(26, 58, 32, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    padding: 0 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

.elementor-57 .elementor-element.elementor-element-87a7313 .product:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 30px 60px rgba(26, 58, 32, 0.12) !important;
    border-color: rgba(122, 158, 126, 0.4) !important;
}

/* 3. Image Handling */
.elementor-57 .elementor-element.elementor-element-87a7313 .product img {
    height: 220px !important;
    width: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    transition: transform 0.6s ease !important;
}

.elementor-57 .elementor-element.elementor-element-87a7313 .product:hover img {
    transform: scale(1.05) !important;
}

/* 4. Text & Title Styling */
.elementor-57 .elementor-element.elementor-element-87a7313 .woocommerce-loop-product__link {
    padding: 20px 20px 10px !important;
    text-decoration: none !important;
    display: block !important;
}

.elementor-57 .elementor-element.elementor-element-87a7313 .product .woocommerce-loop-product__title {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #1A3A20 !important; /* Forest Green */
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

/* 5. Price Styling */
.elementor-57 .elementor-element.elementor-element-87a7313 .product .price {
    padding: 0 20px 25px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #1A3A20 !important;
    display: block !important;
}

/* 6. The Floating Plus Button (Add to Cart) */
.elementor-57 .elementor-element.elementor-element-87a7313 .product .button.add_to_cart_button {
    position: absolute !important;
    right: 20px !important;
    bottom: 20px !important;
    width: 40px !important;
    height: 40px !important;
    background-color: #7A9E7E !important; /* Sage Green */
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0 !important; /* Hide "Add to cart" text */
    box-shadow: 0 4px 10px rgba(122, 158, 126, 0.3) !important;
    border: none !important;
}

.elementor-57 .elementor-element.elementor-element-87a7313 .product .button.add_to_cart_button::before {
    content: '+' !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    font-family: Arial, sans-serif !important;
}

.elementor-57 .elementor-element.elementor-element-87a7313 .product .button.add_to_cart_button:hover {
    background-color: #1A3A20 !important;
    transform: rotate(90deg) scale(1.1) !important;
}

/* 7. Responsive Fix for Mobile */
@media (max-width: 767px) {
    .elementor-57 .elementor-element.elementor-element-87a7313 ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
}/* End custom CSS */