.header-inner .logo img{
    max-height: 61px;
    width: auto;
}
.hero-socials a svg{
    max-height: 20px;
}
.item-marquee .title-marquee{
    color: #FFF;
    font-family: 'Switzer', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}
.instagram-header{
    margin-bottom: 0;
}
.news-card__image img{
    height: 100%;
    aspect-ratio: 690 / 330;
    object-fit: cover;
    object-position: center;
}
.news-card__image{
    background-color: #B5B8DC;
    border-radius: 10px !important;
}
.hero-cookthebook .banner-cookbook{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.cookbook-cover img{
    max-height: 300px;
    width: auto;
    transition: all 0.5s ease-in-out;
}
.cookbook-card:hover .cookbook-cover img{
    transform: scale(1.1);
}
.cookbook-title a{
    color: #000;
    transition: all 0.2s;
}
.cookbook-title a:hover{
    color: #5D1C6E;
}
.chapter-tabs button:visited,
.chapter-tabs button:focus,
.chapter-tabs button:focus-visible,
.chapter-tabs button:active{
    outline: none !important;
    box-shadow: none !important;
}
.micro-peas.template-meet-danielle{
    padding: 0 0 80px;
}
.video-meet iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.video-meet{
    width: 100%;
    min-height: 0;
}
.video-meet .container{
    width: 100%;
}
.video-meet .video-wrap{
    position: relative;
    height: 0;
    padding-bottom: 56.4%;
}
.video-card{
    cursor: pointer;
}
.current-menu-item a{
    text-decoration: underline;
}
.blog-card__image{
    padding-top: 0;
    height: 380px;
}
.blog-card__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-card__content{
    margin-top: -7px;
    position: relative;
}
.press-item h3{
    padding-bottom: 5px;
}
.load-more-wrapper{
    margin-top: 40px;
    text-align: center;
}
.single-blog{
    background-color: #F9F5F2;
}
.related-posts .blog-card .blog-card__link{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.related-posts .blog-card .blog-card__link .blog-card__content{
    flex: 1;
    position: relative;
}
.related-posts .blog-card .blog-card__content{
    padding-bottom: 40px;
}
.related-posts{
    padding-bottom: 80px;
}
.btn-outline.btn:hover{
    border-color: #CFA0CA;
}
.cta-contact{
    display: flex;
}
.cta-contact .banner-left{
    width: 50%;
    position: relative;
}
.cta-contact .banner-left img{
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.cta-contact .contact-right{
    width: 50%;
    padding: 40px 250px 40px 150px;
    background-color: #FFF;
}
.contact-right-inner{
    text-align: center;
}
.cta-contact .title{
    font-size: 60px;
    color: #302A2A;
    font-weight: 600;
    margin-bottom: 32px;
    letter-spacing: -1.8px;
    line-height: 1;
}
.cta-contact .desc{
    max-width: 310px;
    margin: 0 auto 30px;
    font-weight: 500;
}
.contact-form .form-field{
    width: 100%;
    margin-top: 10px;
    border: 1px solid #DAAFD6;
    border-radius: 10px;
    padding: 16px 20px;
    font-weight: 600;
    color: #302A2A;
    font-family: 'Switzer', sans-serif;
}
.contact-form .form-field::placeholder{
    color: #DAAFD6;
}
.contact-form .btn-submit{
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.contact-form{
    margin-bottom: 60px;
}
.contact-form textarea.form-field{
    height: 122px;
}
.cta-contact-bottom .write-to-me{
    font-weight: 500;
    margin-bottom: 16px;
}
.cta-contact-bottom .email{
    margin-bottom: 10px;
}
.cta-contact-bottom .email a{
    color: #DAAFD6;
    text-decoration: none;
    font-size: 20px;
    line-height: 1.3;
    font-weight: bold;
}
.cta-contact-bottom .reply-note{
    font-size: 14px;
    color: #898989;
    line-height: 1.3;
}
.cta-contact-bottom .separator{
    height: 1px;
    width: 100%;
    max-width: 284px;
    margin: 24px auto;
    background-color: #E2E4F8;
}
.contact-socials{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.contact-socials a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #B5B8DC;
    border-radius: 50%;
    transition: all 0.3s
}
.contact-socials a:hover{
    background-color: #DAAFD6;
}
.contact-socials a svg{
    max-width: 24px;
    max-height: 24px;
}
.related-posts .btn-outline{
    background-color: transparent;
}
.related-posts .btn-outline:hover{
    background-color: #DAAFD6;
    border-color: #DAAFD6;
}
.contact-form .wpcf7-spinner{
    display: none !important;
}
.contact-form{
    text-align: left;
}
.entry-content{
    margin-bottom: 100px;
    font-size: 20px;
    margin-top: 40px;
    color: #302A2A;
    line-height: 1.3;
}
.post-container{
    max-width: 880px;
    margin: 0 auto;
}
.entry-content img{
    height: auto;
}
.entry-content p{
    margin-bottom: 32px;
    font-size: 20px;
    color: #302A2A;
}
.entry-content ul{
    font-size: 20px;
    color: #302A2A;
}
.entry-content h1{
    font-size: 60px;
    font-weight: 600;
    color: #302A2A;
    line-height: 1;
}

.entry-content h2{
    font-size: 48px;
    margin-bottom: 32px;
    font-weight: 600;
    color: #302A2A;
    line-height: 1;
}
.entry-content h3{
    font-size: 32px;
    margin-bottom: 32px;
    font-weight: 600;
    color: #302A2A;
    line-height: 1;
}
.entry-content a{
    color: #da68d0;
}
figure{
    margin-bottom: 32px;
}
.entry-content figure figcaption{
    margin-bottom: 0;
    font-style: italic;
    text-align: center;
}
.entry-content figure figcaption p{
    font-style: italic;
}
.entry-content iframe{
    max-width: 100%;
    width: 100%;
    height: 100%;
    aspect-ratio: 100/56.5;
    margin-bottom: 32px;
}
.post-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.post-header .post-title{
    font-size: 80px;
    flex: 1;
    margin-bottom: 0;
    padding-right: 40px;
    line-height: 1;
    font-weight: 600;
    color: #000000;
}
.post-header .meta{
    padding-bottom: 10px;
    font-weight: 600;
    color: #000;
}
.metadata a{
    margin-right: 10px;
}
.single-banner{
    margin-top: 40px;
}
.single-banner iframe{
    width: 100%;
    height: 100%;
    aspect-ratio: 100 / 56.5;
}
.single-banner img{
    height: auto;
    margin: 0 auto;
}
.back-to-list{
    padding: 24px 20px 40px;
}
.back-to-list a{
    color: #000;
    font-weight: 600;
}
.newsletter-form__fields{
    align-items: flex-start;
}
.newsletter-checkbox .wpcf7-list-item-label{
    font-size: 0;
}
.newsletter-checkbox .wpcf7-not-valid-tip{
    display: none !important;
}
.newsletter-checkbox .wpcf7-list-item-label {
    position: relative;
    top: -7px;
    left: 0;
    height: 16px;
    width: 16px;
    background: #FFE8FD;
    border: none;
    border-radius: 2px;
    display: inline-block;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

.newsletter-checkbox:hover input~.wpcf7-list-item-label {
    background: #ffd4f7;
    border-color: #d690c8;
}

.newsletter-checkbox input:checked~.wpcf7-list-item-label {
    background: #D690C8;
    border-color: #D690C8;
}

.newsletter-checkbox input:checked~.wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg);
}

.newsletter-checkbox input:focus-visible~.wpcf7-list-item-label {
    outline: 2px solid #b388ff;
    outline-offset: 2px;
}
.newsletter-checkbox .wpcf7-not-valid  .wpcf7-list-item-label{
    border: 1px solid #dc3232;
}
.newsletter-form .wpcf7-response-output{
    text-align: center;
}
.recipe-card__image{
    height: auto;
    object-fit: cover;
}
.recipe-card__title{
    max-width: 250px;
}
.recipe-card{
    display: block;
}
.pagination li a, .pagination li span{
    color: #E5E6F4;
}
.pagination li.active span{
    color: #B5B8DC;
}
.pagination li.prev-item span,
.pagination li.next-item span{
    color: #E5E6F4;
    font-size: 16px;
}
.wrap-filters .sort-option{
    color: #545780;
    font-size: 16px;
    font-weight: 500;
}
.wrap-filters .sort-option.active{
    font-weight: bold;
}
.hero-socials{
    position: fixed !important;
	z-index: 10;
}
.hero-socials a{
    transition: all 0.3s;
}
.hero-socials a:hover{
    background-color: #CFA0CA;
}
.recipe-container{
    max-width: 940px;
}

.recipe-header{
    margin-top: 40px;
    margin-bottom: 30px;
}

.recipe-header .recipe-cats{
    margin-bottom: 16px;
}

.recipe-cats a{
    color: #545780;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.recipe-title-desc{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
    align-items: flex-end;
}
.recipe-title-desc .title{
    max-width: 54%;
    line-height: 1.1;
    font-weight: 600;
    font-size: 64px;
    color: #302A2A;
    margin-bottom: 0;
}
.recipe-title-desc .short-desc{
    max-width: 428px;
}

.banner-bg img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    aspect-ratio: 2 / 1;
}

.recipe-tab{
    display: flex;
    justify-content: space-between;
}
.recipe-tab-nav{
    display: inline-flex;
    list-style: none;
    gap: 16px;
}
.recipe-tab-nav li a{
    padding: 16px 32px;
    border-radius: 999px;
    line-height: 1;
    font-size: 16px;
    color: #545780;
    border: 1px solid #C5C8EA;
    display: inline-flex;
    font-weight: 600;
    transition: all 0.3s;
}
.recipe-tab-nav li.active a{
    background-color: #CFA0CA;
    border-color: #CFA0CA;
    color: #FFF;
    pointer-events: none;
}
.recipe-tab-nav li a:hover{
    border-color: #CFA0CA;
}

.btn-print{
    padding: 12px 32px;
    border-radius: 999px;
    background-color: #B5B8DC;
    color: #FFF !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s;
}
.btn-print:hover{
    color: #FFF !important;
    background-color: #CFA0CA;
}
.recipe-main-tab .recipe-tab{
    margin-bottom: 80px;
}

.recipe-tab-content{
    font-size: 20px;
}

.recipe-tab-content p{
    font-size: 20px;
}

.recipe-tab-content p{
    margin-bottom: 24px;
}

.recipe-tab-content h3{
    font-size: 24px;
    color: #302A2A;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 32px;
}

.recipe-tab-content h2{
    font-size: 30px;
    color: #302A2A;
    font-weight: 500;
    margin-bottom: 32px;
}

.recipe-tab-content h6,
.recipe-tab-content h5{
    font-size: 20px;
}

.recipe-tab-content h4{
    font-size: 22px;
}

.recipe-tab-content h1{
    font-size: 36px;
}

.recipe-tab-content a{
    color: #53016F;
}


.recipe-tab-content ul li,
.recipe-tab-content ol li{
    margin-bottom: 24px;
}
.recipe-tab-content p img{
    display: inline-flex;
}
.recipe-main-tab{
    margin-bottom: 60px;
}
.share-and-print{
    display: flex;
    gap: 16px;
    margin-top: 60px;
}
.share-and-print .share-btn{
    padding: 12px 32px;
    border-radius: 999px;
    border: 1px solid #C5C8EA;
    color: #545780;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s;
}
.share-dropdown{
    display: none;
    position: absolute;
    width: fit-content;
}
.share-dropdown a{
    padding: 12px 32px;
    border-radius: 999px;
    border: 1px solid #C5C8EA;
    color: #545780;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s;
    background: #FFF;
}
.layout-v2 .share-groups.active .share-dropdown{
    width: 100%;
    display: flex;
    flex-direction: column;
    height: fit-content;
}
.layout-v2 .share-dropdown a{
    height: 50px;
    justify-content: center;
}
.layout-v1 .share-and-print.top .share-groups{
    display: none;
}
.share-and-print .share-groups:not(.active) .share-btn:hover{
    border-color: #CFA0CA;
}
.share-and-print .share-groups.active .share-btn{
    color: #FFF;
    background-color: #B5B8DC;
}
.share-and-print .share-btn svg path{
    transition: all 0.3s;
}
.share-and-print .share-groups.active .share-btn svg path{
    fill: #FFF;
}
.share-groups{
    position: relative;
}
.share-groups.active .share-dropdown{
    display: inline-flex;
}
em {
    color: #f0506e;
}

.product-used-item{
    display: flex;
    justify-content: space-between;
}
.product-used-item .title{
    font-size: 24px;
    margin-bottom: 0;
    color: #302A2A;
    font-weight: 400;
    flex: 1;
}

.product-used-item a{
    color: #333767;
    text-decoration: underline;
    display: inline-flex;
    text-underline-offset: 1px;
    font-weight: 600;
    font-size: 16px;
}

.product-used-item:not(:last-child){
    margin-bottom: 40px;
}
.recipe-content{
    padding-bottom: 100px;
}
.recipe-content.layout-v2{
    padding-bottom: 60px;
}

.recipe-tab-content ul{
    padding-left: 24px;
}
.recipe-tab-content .wrap-recipe-ingredients ul li,
.recipe-tab-content .wrap-recipe-ingredients ol li{
    margin-bottom: 0;
}

.recipe-tab-content .wrap-recipe-ingredients ul,
.recipe-tab-content .wrap-recipe-ingredients ol{
    padding-left: 0;
}

.recipe-ingredients__col .recipe-ing-title {
    color: #0C0122;
    font-family: Switzer;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 27px;
}

.layout-v2 .recipe-main-tab .recipe-tab{
    margin-bottom: 40px;
}

.info-cooking-steps{
    margin-top: 0;
}

.info-cooking-steps h3{
    color: #6067BA;
    font-size: 20px;
    font-weight: 600;
}

.recipe-tab-content .info-cooking-steps p{
    font-size: 16px;
    margin-bottom: 0;
}
.cooking-steps{
    padding: 0;
}
.recipe-tab-content .cooking-steps .title-cooking-steps{
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: 600;
}

.layout-v2 .share-and-print.bottom{
    display: none;
}

.share-and-print.top{
    margin-top: 0;
}

.recipe-video{
    width: 100%;
    padding-bottom: 56.6%;
    height: 0;
    position: relative;
    margin-bottom: 40px;
}

.recipe-video iframe,
.recipe-video video{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.cooking-steps{
    margin-bottom: 40px;
}
.related-posts .blog-title{
	font-weight: 600;
}
.feeding-image img{
	height: auto;
}
.cooking-filter-tabs button{
	background-color: transparent;
}
/* Sticky header.
   position: sticky needs every scrolling ancestor to NOT clip on the
   sticky axis. main.css sets `#wrapper { overflow: hidden }` which
   creates a containing block that captures the sticky header. Swap
   it for `overflow-x: clip` so horizontal overflow from decorative
   banners stays hidden, but vertical scrolling sees the header as
   sticky. (overflow: clip is supported by all evergreen browsers.) */
#wrapper{
	overflow: visible;
	overflow-x: clip;
}
.header-page{
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
	transition: box-shadow 0.5s ease, background-color 0.5s ease;
}
.header-page.scrolled{
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.header-page .header-inner .logo img{
	transition: max-height 0.5s ease;
}
.header-page.scrolled .header-inner .logo img{
	max-height: 45px;
}
.surprise-card {
	padding: 40px 0;
}

.surprise-card__inner {
	position: relative;
	padding: 72px 0;
	display: flex;
	justify-content: center;
	overflow: hidden;
	border-radius: 10px;
}
.surprise-card__bg-img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}
.surprise-card__content {
	display: flex;
	padding: 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	background: #FFF;
	width: 570px;
	position: relative;
	z-index: 1;
}

.surprise-card__title {
	color: #000;
	text-align: center;
	font-family: Switzer;
	font-size: 64px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	margin-bottom: 16px;
}

.surprise-card__text {
	color: #000;
	text-align: center;
	font-family: Switzer;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	max-width: 305px;
	margin-bottom: 24px;
}

.surprise-card__button {
	width: 100%;
	max-width: 150px;
	padding-left: 15px; 
	padding-right: 15px;
}

.chalympics-banner .banner-left{
	width: 50%;
	padding: 60px 40px 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 25px;
	background-size: cover;
}

.chalympics-banner .banner-right{
	width: 50%;
	padding: 68px;
	text-align: center;
	border-bottom: 1px solid #B5B8DC;
}

.chalympics-banner .banner-right .content{
	max-width: 400px;
	margin: 0 auto;
}

.chalympics-banner .banner-right .title{
	font-size: 40px;
	color: #302A2A;
	font-weight: 600;
	margin-bottom: 32px;
	line-height: 1.1;
}
.chalympics-banner .banner-right .desc{
	text-align: left;
}

.chalympics-banner .banner-right .note{
	margin: 40px auto 0;
	padding: 18px 16px;
	border-radius: 20px;
	border: 1px solid #9195C3;
	background-color: #FFFFFF;
	font-size: 32px;
	line-height: 0.625;
	font-family: "Danielle 06";
	max-width: 273px;
	color: #5B3A6C;
}

.chalympics-page{
	background-color: #F9F5F2;
}

.chalympics-banner{
	display: flex;
	background-color: #F9F5F2;
}

.chalympics-logo{
	padding: 24px 26px;
	background-color: #FFF;
	border-radius: 16px;
	display: inline-flex;
	margin-bottom: 40px;
}

.chalympics-countdown{
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-bottom: 0;
}

.countdown-item{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.countdown-item .value{
	width: 80px;
	height: 80px;
	font-size: 32px; 
	color: #DAAFD6;
	background-color: #FFF;
	border-radius: 50%;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}

.countdown-item .label{
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
}

.chalympics-banner-img{
	max-width: 690px; 
	margin: 0 auto;
}

.chalympics-content{
	padding: 80px 0 0;
	background-color: #F9F5F2;
}

.chalympics-content .section-title{
	text-align: center;
	font-size: 64px;
	line-height: 1.1;
	font-weight: 600;
	margin-bottom: 40px;
}

.chalympics-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.chalympics-item{
	border-radius: 20px;
}
.chalympics-item .thumb{
	padding: 44px 44px 63px;
	background-color: #B5B8DC;
	border-radius: 20px 20px 0 0;
}
.chalympics-item.puple .thumb{
	background-color: #DAAFD6;
}
.chalympics-item .thumb img{
	max-width: 184px;
	max-height: 80px;
	margin: 0 auto;
}
.chalympics-item .caption{
	background-color: #FFF;
	border-radius: 20px;
	margin-top: -20px;
	padding: 20px;
	border: 1px solid #C5C8EA;
	border-top: 0;
	text-align: center;
}
.chalympics-item .caption .time{
	color: #302A2A;
	font-weight: 600;
	margin-bottom: 20px;
}
.chalympics-item .caption .title{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
.chalympics-item .caption .title a{
	color: #302A2A;
}

.chalympics-item .caption .btn-watch{
	background-color: #B5B8DC;
}
.chalympics-item .caption .btn-watch:hover{
	color: #FFF;
	background-color: #DAAFD6;
	border-color: #DAAFD6;
}

.loadmore-chalympics{
	text-align: center;
	padding-top: 30px;
}
.recipe-card .recipe-card__badges{
	margin-top: 5px;
}
.recipe-card .recipe-card__badges .badge{
	border: 1px solid #FFF;
}
.recipe-card__badges span{
	font-size: 13px;
}
.watch-reel iframe{
	margin-left: auto !important;
	margin-right: auto !important;
}
.gird-video-gallery .sbi_item{
	border-radius: 10px;
}
.gird-video-gallery #sb_instagram .sbi_photo{
	width: 100%;
	height: auto !important;
	aspect-ratio: 400 / 600;
}
.gird-video-gallery #sb_instagram .sbi_photo img{
	height: 100%;
}
@media(min-width: 768px){
    .hero-cookthebook .is-mb{
        display: none;
    }
    .press-item.press-item--small .thumb-press{
        display: block;
    }
    .press-item.press-item--small .thumb-press img{
        width: 100px;
        height: 100px;
        object-fit: contain;
    }
    .related-posts .blog-card .blog-card__content .blog-card__date{
        position: absolute;
        right: 38px;
        bottom: 20px;
    }
    .back-to-list{
        display: none;
    }
	.watch-reel iframe{
		min-width: 405px !important;
	}
}

@media(max-width: 1599px){
    .cta-contact .contact-right{
        padding: 40px 100px;
    }
}

@media(max-width: 1199px){
    .post-header .post-title{
        font-size: 60px;
    }
}


@media(max-width: 991px){
    .cta-contact .contact-right{
        padding: 40px 30px;
    }
    .recipe-title-desc .title{
        font-size: 40px;
    }
	.chalympics-list{
		grid-template-columns: repeat(2, 1fr);
	}
	.chalympics-banner .banner-right{
		padding-left: 20px;
		padding-right: 20px;
	}
}


@media(max-width: 767px){
    .micro-peas.template-cookbook{
        display: none;
    }
    .micro-peas.template-meet-danielle{
        padding: 0;
    }
    .micro-peas.template-meet-danielle .inner-micro-peas{
        background-color: transparent;
    }
    .video-meet{
        min-height: 0;
    }
    .gird-video-gallery .video-thumb, .gird-video-gallery .youtube-wrapper, .gird-video-gallery .ht-video{
        aspect-ratio: 172 / 253;
    }
    .blog-card__image{
        height: 323px;
    }
    .cta-contact .banner-left{
        display: none;
    }
    .cta-contact .contact-right{
        width: 100%;
        border-radius: 10px;
        padding-bottom: 60px;
    }
    .cta-contact{
        padding: 20px;
    }
    .cta-contact .title{
        font-size: 40px;
        letter-spacing: -1.2px;
        margin-bottom: 24px;
    }
    .cta-contact .desc{
        max-width: 243px;
        margin-bottom: 22px;
    }
    .contact-right-inner{
        max-width: max(288px, 65.455vw);
        margin: 0 auto;
    }
    .related-posts .section-cta{
        display: none;
    }
    .related-posts{
        padding-bottom: 20px;
    }
    .entry-content{
        margin-bottom: 80px;
    }
    .entry-content p{
        font-size: 16px;
        margin-bottom: 24px;
    }
    .post-header{
        flex-direction: column;
        align-items: flex-start;
    }
    .post-header .post-title{
        padding-right: 0;
        font-size: 40px;
        margin-bottom: 24px;
    }
    .entry-content{
        margin-top: 32px;
    }
    .single-banner{
        margin-top: 32px;
    }
    .single-banner iframe{
        width: 100vw;
        position: relative;
        left: -20px;
    }
    .post-header .meta{
        padding-bottom: 0;
    }
    .entry-content h1{
        font-size: 40px;
    }
    .entry-content h2{
        font-size: 32px;
    }
    .entry-content h3{
        font-size: 26px;
    }
    .news-card__content{
        text-align: center;
    }
    .news-card__title{
        margin-top: 10px;
        max-width: 100%;
    }
    .recipe-header{
        margin-top: 0;
    }
    .recipe-header .recipe-cats{
        display: none;
    }
    .recipe-header .container{
        display: flex;
        flex-direction: column-reverse;
    }
    .banner-bg{
        position: relative;
        width: calc(100% + 40px);
        left: -20px;
        margin-bottom: 24px;
    }
    .banner-bg img{
        aspect-ratio: 439 / 700;
    }
    .recipe-title-desc{
        flex-direction: column;
        gap: 24px;
        margin-bottom: 0;
        align-items: flex-start;
    }
    .recipe-title-desc .title{
        width: 100%;
        max-width: 100%;
    }
    .recipe-tab-nav{
        gap: 8px;
    }
    .btn-print{
        display: none !important;
    }
    .recipe-tab-nav li a{
        padding: 15px min(25px, 5vw);
    }
    .recipe-main-tab .recipe-tab{
        margin-bottom: 40px;
    }
    .product-used-item{
        display: block;
    }
    .product-used-item .title{
        font-size: 20px;
        margin-bottom: 16px;
    }
    .recipe-content{
        padding-bottom: 80px;
    }
    .recipe-content.layout-v2{
        padding-bottom: 40px;
    }
    .other-recipes{
        border-radius: 20px;
    }
    .layout-v2 .share-and-print.bottom{
        display: block;
    }
    .share-and-print.top{
        display: none;
    }
	.row-cook-with{
		overflow: visible;
	}
	.r-cook-with video{
		border-radius: 10px;
	}
	.note-cook-with{
		max-width: 273px;
	}
	.surprise-card__title{
		font-size: 40px;
	}
	.surprise-card__content{
		padding: 37px 24px;
		max-width: 336px;
	}
	.surprise-card__inner{
		padding: 160px 20px; 
	}
	.surprise-card__text{
		max-width: 200px;
	}
	.chalympics-list{
		grid-template-columns: repeat(1, 1fr);
	}
	.chalympics-banner{
		flex-wrap: wrap;
	}
	.chalympics-banner .banner-left, 
	.chalympics-banner .banner-right{
		width: 100%;
	}
	.chalympics-banner-img{
		max-width: unset;
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
	}
	.chalympics-banner-img img{
		width: 100%;
	}
	.chalympics-banner .banner-left{
		padding: 40px 20px 0;
	}
	.countdown-item .value{
		max-width: 80px;
		height: 100%;
		width: 100%;
		aspect-ratio: 1/1;
	}
	.countdown-item{
		width: 100%;
		align-items: center;
	}
	.chalympics-banner .banner-left{
		gap: 0;
	}
	.chalympics-banner .banner-right{
		border-bottom: 0;
		padding-bottom: 60px;
	}
	.chalympics-content{
		padding: 0 0 31px;
	}
	.chalympics-content .section-title{
		font-size: 40px;
	}
	.watch-reel iframe{
		width: 100%;
	}
	.recipe-main-tab{
		margin-bottom: 0;
	}
}

@media(max-width: 440px){
    .cta-contact-bottom .email a{
        font-size: 4.545vw;
    }
	.hero-home{
		height: calc(100dvh - 209px);
	}
}

/* ============================
   Recipe Card Hover Effects (4.5)
   ============================ */
.list-recipes-sort .recipe-grid{
	align-items: start;
}
.recipe-card{
	display: flex;
	flex-direction: column;
	padding: 10px;
	background: transparent;
	border-radius: 16px;
	transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.recipe-card:hover{
	transform: translateY(-4px);
	background: #fff;
	box-shadow: 0 16px 40px rgba(12, 1, 34, 0.08);
}
/* Fixed aspect-ratio thumb ONLY on the /recipes/ listing grid, where we
   want every card to line up to the same height. Other recipe-card
   placements (homepage latest-recipes slider, related recipes, other
   recipes block) let the image's own responsive aspect-ratio drive the
   thumb size — so we don't get a tall portrait wrapper clipping a
   landscape image on mobile and leaving a huge gap underneath. */
.recipe-card .recipe-card__thumb{
	overflow: hidden;
	border-radius: 10px;
}
.list-recipes-sort .recipe-card .recipe-card__thumb{
	width: 100%;
	aspect-ratio: 338 / 450;
	margin-bottom: 20px;
}
.list-recipes-sort .recipe-card .recipe-card__image{
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	margin-bottom: 0;
}
.recipe-card__title{
	transition: color 0.5s ease;
}
.recipe-card:hover .recipe-card__title{
	color: #545780;
}
.recipe-card__badges .badge{
	transition: transform 0.5s ease;
}
.recipe-card:hover .recipe-card__badges .badge{
	transform: scale(1.08);
}

/* ============================
   Recipe Titles — always uppercase
   Source titles are stored inconsistently in WP (some title case,
   some ALL CAPS). Force uppercase display everywhere a recipe name
   is shown as a card or hero title so the grid reads consistently.
   ============================ */
.recipe-card__title,
.recipe-title-desc h1.title{
	text-transform: uppercase;
}

/* ============================
   Latest-recipes slider — contain title height
   The slider's .swiper container uses overflow:hidden (required so
   off-screen slides stay hidden during the carousel). When a recipe
   title wraps to 3+ lines the extra height overflows the locked slide
   height and gets visually clipped — reads as "cut off".
   Fix: clamp the title to 2 lines max so every card has predictable
   height regardless of title length. Longer titles get an ellipsis.
   ============================ */
.latest-recipes-slider .recipe-card__title{
	margin: 8px auto 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* Reserve space for 2 lines even when the title is short, so all
	   cards in the slider align to the same baseline. */
	min-height: calc(2 * 1.1em);
}

/* ============================
   Header — hide the mini-cart icon for now.
   No shop is wired up yet. Remove this rule (or delete the .mini-cart
   markup in header.php) once the cart/shop feature is ready.
   ============================ */
.nav-icon-header .mini-cart{
	display: none !important;
}

/* Keep the search icon tappable as a link */
.nav-icon-header a.icon-search-header{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	text-decoration: none;
}

/* ============================
   Mobile responsiveness fixes
   ============================ */

/* 1) Recipes filters — both mobile and desktop filter blocks are now
   always rendered in the DOM. Toggle purely by viewport so narrow
   desktop windows / small tablets don't end up with no filter UI
   (which was happening because wp_is_mobile() returned false). */
.list-recipes-sort .all-filters-mb {
	display: none;
}
@media (max-width: 1023px) {
	.list-recipes-sort .filters-category,
	.list-recipes-sort .filters-allergens,
	.list-recipes-sort .filters-cooking-time {
		display: none !important;
	}
	.list-recipes-sort .all-filters-mb {
		display: block;
	}
}

/* 2) Hamburger tap target — the element was 0x0 because its children
   are absolutely positioned. Give it an explicit hit box (44x44 is
   the Apple HIG minimum for touch targets). */
@media (max-width: 1023px) {
	.hambuger-mobile {
		width: 44px;
		height: 44px;
		cursor: pointer;
	}
}

/* 3) Cooking steps — collapse to a single column on small phones so
   each step card has enough room to breathe. The existing responsive
   rule splits them into 2 columns at 767px, but that still feels
   cramped below ~420px. */
@media (max-width: 480px) {
	.gird-cooking-steps {
		display: block !important;
	}
	.col-cooking-steps {
		width: 100% !important;
		margin-bottom: 16px;
	}
}

/* ============================
   Recipes Infinite Scroll
   ============================ */
.recipes-infinite-sentinel{
	height: 1px;
	width: 100%;
}
.recipes-infinite-loader{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px 0 16px;
}
.recipes-infinite-loader[hidden]{
	display: none;
}
.recipes-infinite-loader__spinner{
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 3px solid rgba(84, 87, 128, 0.18);
	border-top-color: #545780;
	animation: recipes-infinite-spin 0.8s linear infinite;
}
@keyframes recipes-infinite-spin{
	to { transform: rotate(360deg); }
}

/* ============================
   Split Word Animation Support
   ============================ */
.split-word{
	will-change: transform, opacity;
}

/* ============================
   Parallax Image Containers
   ============================ */
.feeding-image{
	overflow: hidden;
}

/* ============================
   Journal / Scrapbook Animation
   ============================ */
.about-feeding-home .handwritten-note{
	will-change: clip-path, opacity;
}

/* ============================
   Press Card Hover Animations
   ============================ */

/* Clip images so zoom stays inside the card */
.press-item--featured .thumb-press,
.press-item--small .thumb-press {
	overflow: hidden;
	border-radius: 10px;
}
.press-item--featured > .press-link {
	overflow: hidden;
}

/* Smooth image zoom on hover */
.press-item--featured .thumb-press img,
.press-item--small .thumb-press img,
.press-item--featured .press-link > img {
	transition: transform 0.45s ease;
}
.press-item--featured:hover .thumb-press img,
.press-item--featured:hover > .press-link > img {
	transform: scale(1.05);
}
.press-item--small:hover .thumb-press img {
	transform: scale(1.06);
}

/* Lift + shadow on small cards */
.press-item--small .press-link {
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	border-radius: 10px;
}
.press-item--small:hover .press-link {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
}

/* Read Story button pulse on card hover */
.press-item--small .btn-story {
	transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.press-item--small:hover .btn-story {
	background: #545780;
	border-color: #545780;
	color: #fff;
}

/* Hero "Read Story" button */
.btn-press {
	transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.btn-press:hover {
	background: #fff;
	color: #302A2A;
	border-color: #fff;
}


/* ============================
   Prefers Reduced Motion
   ============================ */
@media (prefers-reduced-motion: reduce){
	*,
	*::before,
	*::after{
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	.recipe-card:hover{
		transform: none;
	}
	.recipe-card:hover .recipe-card__image{
		transform: none;
	}
	.press-item--small:hover .press-link {
		transform: none;
		box-shadow: none;
	}
	.press-item--featured .thumb-press img,
	.press-item--small .thumb-press img {
		transform: none;
	}
}