.elementor-10 .elementor-element.elementor-element-fb3092d{--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:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.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-10 .elementor-element.elementor-element-95c674f{text-align:center;}.elementor-10 .elementor-element.elementor-element-95c674f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;line-height:25px;color:#000000;}.elementor-10 .elementor-element.elementor-element-0408e02{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-303d219{--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;}.elementor-10 .elementor-element.elementor-element-dce887d{--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;}.elementor-widget-image .widget-image-caption{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-10 .elementor-element.elementor-element-73f69b4 img{border-radius:22px 22px 22px 22px;}.elementor-10 .elementor-element.elementor-element-1d4de5b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-5d491d2{--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;}.elementor-10 .elementor-element.elementor-element-6bacb7e img{border-radius:22px 22px 22px 22px;}.elementor-10 .elementor-element.elementor-element-0cc84ce{--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;}.elementor-10 .elementor-element.elementor-element-3f95739{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-414d4cc{--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;}.elementor-10 .elementor-element.elementor-element-362b4e7{--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;}.elementor-10 .elementor-element.elementor-element-e548433 img{border-radius:22px 22px 22px 22px;}.elementor-10 .elementor-element.elementor-element-84c4e16{--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;}.elementor-10 .elementor-element.elementor-element-1df3e7c{text-align:center;}.elementor-10 .elementor-element.elementor-element-1df3e7c .elementor-heading-title{font-family:"RocknRoll One", Sans-serif;font-weight:600;color:#000000;}.elementor-10 .elementor-element.elementor-element-062d3ae{--display:flex;--margin-top:-37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-94dc57d{--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;--margin-top:-41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-074213c{text-align:center;}.elementor-10 .elementor-element.elementor-element-074213c .elementor-heading-title{font-family:"RocknRoll One", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-10 .elementor-element.elementor-element-522933a{--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;--margin-top:-33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-fc12b21{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-5a4b0e2{margin:-65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-4c6c9fe{--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;}.elementor-10 .elementor-element.elementor-element-af4b20f{margin:-54px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-e548433{margin:105px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-e548433 img{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-0408e02{--width:62%;}.elementor-10 .elementor-element.elementor-element-303d219{--width:50%;}.elementor-10 .elementor-element.elementor-element-dce887d{--width:50%;}.elementor-10 .elementor-element.elementor-element-1d4de5b{--width:62%;}.elementor-10 .elementor-element.elementor-element-5d491d2{--width:50%;}.elementor-10 .elementor-element.elementor-element-0cc84ce{--width:50%;}.elementor-10 .elementor-element.elementor-element-3f95739{--width:62%;}.elementor-10 .elementor-element.elementor-element-414d4cc{--width:50%;}.elementor-10 .elementor-element.elementor-element-362b4e7{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-3f95739{--width:779px;}}/* Start custom CSS for html, class: .elementor-element-1c00b2a *//* Import the font (Poppins) to match the photo exactly */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800&display=swap');

.recipe-text-block {
    font-family: 'Poppins', sans-serif;
    color: #000;
    max-width: 600px; /* Adjust width as needed */
    padding: 20px;
    text-align: left;
}

/* 1. The Small "RECIPES" Label */
.recipe-category {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px; /* Wide spacing like the photo */
    margin-bottom: 12px;
    display: block;
}

/* 2. The Main Title */
.recipe-title {
    font-size: 48px; /* Big and bold */
    font-weight: 800; /* ExtraBold to match the heavy font */
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 25px;
    letter-spacing: -1px; /* Slightly tight for that modern look */
}

/* 3. The Description Paragraph */
.recipe-description {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 35px;
    color: #1a1a1a;
}

/* 4. The "get the recipe" Button */
.recipe-btn {
    display: inline-flex;
    align-items: center;
    background-color: #efe2df; /* The exact dusty pink color */
    color: #000;
    text-decoration: none;
    padding: 14px 32px;
    border-radius: 50px; /* Pill shape */
    font-size: 20px;
    font-weight: 400;
    transition: all 0.3s ease;
}

.recipe-btn i {
    margin-left: 10px;
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Hover Effect */
.recipe-btn:hover {
    background-color: #e5d4d0; /* Slightly darker on hover */
    transform: translateY(-2px);
}

.recipe-btn:hover i {
    transform: translateX(5px); /* Arrow slides right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c24415a *//* Import the font (Poppins) to match the photo exactly */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800&display=swap');

.recipe-text-block {
    font-family: 'Poppins', sans-serif;
    color: #000;
    max-width: 600px; /* Adjust width as needed */
    padding: 20px;
    text-align: left;
}

/* 1. The Small "RECIPES" Label */
.recipe-category {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px; /* Wide spacing like the photo */
    margin-bottom: 12px;
    display: block;
}

/* 2. The Main Title */
.recipe-title {
    font-size: 48px; /* Big and bold */
    font-weight: 800; /* ExtraBold to match the heavy font */
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 25px;
    letter-spacing: -1px; /* Slightly tight for that modern look */
}

/* 3. The Description Paragraph */
.recipe-description {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 35px;
    color: #1a1a1a;
}

/* 4. The "get the recipe" Button */
.recipe-btn {
    display: inline-flex;
    align-items: center;
    background-color: #efe2df; /* The exact dusty pink color */
    color: #000;
    text-decoration: none;
    padding: 14px 32px;
    border-radius: 50px; /* Pill shape */
    font-size: 20px;
    font-weight: 400;
    transition: all 0.3s ease;
}

.recipe-btn i {
    margin-left: 10px;
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Hover Effect */
.recipe-btn:hover {
    background-color: #e5d4d0; /* Slightly darker on hover */
    transform: translateY(-2px);
}

.recipe-btn:hover i {
    transform: translateX(5px); /* Arrow slides right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4938386 *//* Import the font (Poppins) to match the photo exactly */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800&display=swap');

.recipe-text-block {
    font-family: 'Poppins', sans-serif;
    color: #000;
    max-width: 600px; /* Adjust width as needed */
    padding: 20px;
    text-align: left;
}

/* 1. The Small "RECIPES" Label */
.recipe-category {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px; /* Wide spacing like the photo */
    margin-bottom: 12px;
    display: block;
}

/* 2. The Main Title */
.recipe-title {
    font-size: 48px; /* Big and bold */
    font-weight: 800; /* ExtraBold to match the heavy font */
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 25px;
    letter-spacing: -1px; /* Slightly tight for that modern look */
}

/* 3. The Description Paragraph */
.recipe-description {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 35px;
    color: #1a1a1a;
}

/* 4. The "get the recipe" Button */
.recipe-btn {
    display: inline-flex;
    align-items: center;
    background-color: #efe2df; /* The exact dusty pink color */
    color: #000;
    text-decoration: none;
    padding: 14px 32px;
    border-radius: 50px; /* Pill shape */
    font-size: 20px;
    font-weight: 400;
    transition: all 0.3s ease;
}

.recipe-btn i {
    margin-left: 10px;
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Hover Effect */
.recipe-btn:hover {
    background-color: #e5d4d0; /* Slightly darker on hover */
    transform: translateY(-2px);
}

.recipe-btn:hover i {
    transform: translateX(5px); /* Arrow slides right */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5de5880 *//* Import Fonts & Icons */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

.premium-recipe-grid {
    display: grid;
    /* Responsive columns: 3 on desktop, auto-adjusts smaller */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 50px 30px; /* Vertical gap 50px, Horizontal gap 30px */
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    font-family: 'Poppins', sans-serif;
}

/* --- Card Styles --- */
.recipe-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* Smooth hover lift */
    transition: transform 0.3s ease;
}

/* --- Image Container --- */
.image-frame {
    display: block;
    width: 100%;
    /* 2:3 Ratio matches your uploaded image dimensions exactly */
    aspect-ratio: 2 / 3; 
    border-radius: 12px; /* Softens the corners */
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); /* Premium shadow */
}

.image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Hover Effect: Zoom Image */
.recipe-card:hover .image-frame img {
    transform: scale(1.08); /* Gentle zoom */
}

/* --- Typography (Matches Screenshot) --- */
.card-title {
    font-size: 20px;
    font-weight: 800; /* Extra Bold */
    line-height: 1.25;
    color: #000;
    margin: 0 0 10px 0;
    padding: 0 5px;
    text-transform: lowercase; /* Forces text to lowercase like the design */
    transition: color 0.3s ease;
}

.recipe-card:hover .card-title {
    color: #444; /* Slight color shift on hover */
}

/* --- Meta Data (Time) --- */
.card-meta {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    letter-spacing: 0.5px;
}

.card-meta i {
    font-size: 14px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .premium-recipe-grid {
        grid-template-columns: 1fr; /* 1 Column on mobile */
        gap: 40px;
        padding: 40px 20px;
    }
    
    .card-title {
        font-size: 22px; /* Bigger text on mobile for readability */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0d22fc *//* Import Fonts & Icons */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

.premium-recipe-grid {
    display: grid;
    /* Responsive columns: 3 on desktop, auto-adjusts smaller */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 50px 30px; /* Vertical gap 50px, Horizontal gap 30px */
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    font-family: 'Poppins', sans-serif;
}

/* --- Card Styles --- */
.recipe-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* Smooth hover lift */
    transition: transform 0.3s ease;
}

/* --- Image Container --- */
.image-frame {
    display: block;
    width: 100%;
    /* 2:3 Ratio matches your uploaded image dimensions exactly */
    aspect-ratio: 2 / 3; 
    border-radius: 12px; /* Softens the corners */
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); /* Premium shadow */
}

.image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Hover Effect: Zoom Image */
.recipe-card:hover .image-frame img {
    transform: scale(1.08); /* Gentle zoom */
}

/* --- Typography (Matches Screenshot) --- */
.card-title {
    font-size: 20px;
    font-weight: 800; /* Extra Bold */
    line-height: 1.25;
    color: #000;
    margin: 0 0 10px 0;
    padding: 0 5px;
    text-transform: lowercase; /* Forces text to lowercase like the design */
    transition: color 0.3s ease;
}

.recipe-card:hover .card-title {
    color: #444; /* Slight color shift on hover */
}

/* --- Meta Data (Time) --- */
.card-meta {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    letter-spacing: 0.5px;
}

.card-meta i {
    font-size: 14px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    .premium-recipe-grid {
        grid-template-columns: 1fr; /* 1 Column on mobile */
        gap: 40px;
        padding: 40px 20px;
    }
    
    .card-title {
        font-size: 22px; /* Bigger text on mobile for readability */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a4b0e2 *//* Reset basic elements for consistency */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /* Setting defaults */
    font-family: 'Inter', sans-serif;
    color: #000000;
    -webkit-font-smoothing: antialiased;
}

/* --- Main Footer Section --- */
.site-footer {
    /* Exact background color picked from the image */
    background-color: #FEF2E4;
    padding: 80px 20px; /* Generous top/bottom padding */
    width: 100%;
    display: flex;
    justify-content: center; /* Centers the content block horizontally */
}

/* Container for the content to align it properly */
.footer-content {
    width: 100%;
    max-width: 1200px; /* Standard max-width, adjust as needed */
    /* The content inside is left-aligned */
    text-align: left;
    padding-left: 20px; /* Slight indent to match image placement */
}


/* --- Typography & Spacing Styles --- */

/* 1. Main Title ("contact me") */
.footer-title {
    font-family: 'Playfair Display', serif; /* Serif font */
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: lowercase; /* Ensures it stays lowercase */
}

/* 2. Subtitle */
.footer-subtitle {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px;
    color: #1a1a1a; /* Slightly softer black */
}

/* 3. Email Link */
.footer-email-link {
    display: inline-block;
    font-size: 18px;
    font-weight: 700; /* Bold */
    color: #000000;
    text-decoration: underline; /* Adds the underline line */
    text-underline-offset: 4px; /* Pushes underline slightly down */
    text-decoration-thickness: 2px; /* Makes underline thicker */
    margin-bottom: 40px; /* Large gap below email */
    transition: opacity 0.3s ease;
}

.footer-email-link:hover {
    opacity: 0.7;
}

/* 4. Legal Links Container (Disclaimer / Privacy) */
.footer-legal-links {
    display: flex;
    flex-direction: column; /* Stacks them vertically */
    gap: 12px; /* Space between the two links */
    margin-bottom: 40px; /* Gap before copyright */
}

.footer-legal-links a {
    font-size: 16px;
    font-weight: 700; /* Bold */
    color: #000000;
    text-decoration: none; /* No underline by default */
    align-self: flex-start; /* Ensures they stay left aligned */
}
.footer-legal-links a:hover {
    text-decoration: underline;
}

/* 5. Copyright Text */
.footer-copyright {
    font-size: 14px;
    font-weight: 400;
    color: #333333; /* Lighter text color */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af4b20f *//* --- CONTAINER --- */
.video-carousel-section {
    max-width: 1300px;
    margin: 50px auto;
    padding: 0 40px;
    position: relative;
    font-family: 'Playfair Display', serif;
}
.swiper-slide { height: auto; }

/* --- CARD STYLES --- */
.video-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

/* --- VIDEO FRAME --- */
.video-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 16px;
    /* The specific dark color from your photo */
    border: 1px solid #5e4b56; 
    overflow: visible; 
    margin-bottom: 25px;
    background: #000;
    transition: transform 0.2s ease;
}

/* Optional: Slight click effect */
.video-frame:active {
    transform: scale(0.98);
}

.video-frame video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    display: block;
}

/* --- BOTTOM BADGE --- */
.play-badge {
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #5e4b56;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 20px;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* --- SOUND ICON --- */
.sound-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    z-index: 20;
    pointer-events: none; /* Let clicks pass through to the card */
}

/* --- TEXT TITLES --- */
.video-title {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    padding: 0 5px;
}

/* --- NAV ARROW --- */
.custom-nav-btn {
    background: #fff;
    color: #333;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.custom-nav-btn::after {
    font-size: 18px;
    font-weight: bold;
}/* End custom CSS */