.product-grid__title {
  padding: 2.0rem 0;
  margin-bottom: 5px;
}
.aside-filter {
  align-items: flex-start;
}
.hero-banner__title {
	width: 90%;
}
 .element table { margin-bottom: 35px; }
 .content-element__content { margin-bottom: 35px; }
 .content-grid__link .link-page li a {
	 font-size: 14px;
	 font-style: italic;
 }
 .content-grid__link .link-page li a {
	vertical-align: top;
	line-height: 14px;
 }
 .content-grid__link .link-page li:not(:last-child)::after {
  line-height: 16px;
  font-size: 16px;
  margin-top: -1px;
 }
 .footer__content p, .footer__content ul li a, .footer__content .content-link li:not(:last-child)::after {
	 font-size: 16px;
 }
 .flip-colour .title h1 { color: #000; }
 .hero-banner__title.flip-colour a { color: #000; border-color: #000; }
.global-btn { 
	min-width: 140px;
	min-height: auto;
	width: max-content;
	font-style: normal;
	padding: 10px;
	text-align: center;
	display: flex;
	color: #fff;
	font-family: "Nord","Arial",sans-serif;
	border: 2px solid #fff;
	font-size: 14px;
	text-decoration: none; 
}
.product-grid--slick-notinitial .product-grid__inner {
  justify-content: left;
}
.RecipePage main { overflow: hidden; }
#go-right { display: none; }
.content-grid__block .content-grid-paragraf { 
	padding-bottom: 5vw; 
}
.left { float: left; margin-right: 20px; }
.right { float: right; margin-left: 20px; }

.RecipePage .aside-text-block p + p { margin-top: 1.2rem; }
#cut-recipe-mobile { 
	flex-shrink: 0;
	letter-spacing: 1px;
	font-family: "Nord","Arial",sans-serif;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 1rem 2.1rem;
	font-size: 13px;
	border: 2px solid #8e4556;
	border-radius: 27.5px;
	color: #8e4556;
	margin-top: 13px;
	text-align: center;
}
.form-btn {
  min-width: 156px;
  min-height: 45px;
}
@media (min-width: 1000px) {
	.RecipePage .product-grid .product-grid__inner > div {
		max-width: 25%;
	}

  .text-block__content {
	max-width: 80vw;
  }	
}

@media (max-width: 767px) {
	#cut-recipe { display: none; }
	#cut-recipe-mobile { display: flex; margin-top: 30px; }
	.MeatCutsPage #cut-recipe {  }
	.table-container {
		overflow-x: auto;
		overflow-y: hidden; 
		max-width: 100%; 
		white-space: nowrap; 
	}	
	/* PSD mobile amends 22/08 */
	.ContentPage .content-grid__link { /* border-bottom: 1px solid #e1e1e1; */ }
	.RecipePage .content-grid__link .link-page li, .ContentPage .content-grid__link .link-page li {
		margin-bottom: 10px;
	}
	.ContentPage .updated .link-page {
		margin-bottom: 10px;
	}
	.MainRecipePage .hero-banner {
	  height: 280px;
	}	
	
  .product-grid__title {
	padding: 15px 0px;
  }
  .product-grid__title {
    margin-bottom: 0px;
  }
	#go-right {
		position: absolute; top: 13px; right: -18px;font-size: 18px;
		display: block;
	}  
}
 @media (min-width: 1921px) {
  .product-grid__title img {
    padding-right: 0px;
  }
  /*.RecipePage .content-grid__link .link-page li a { color: #FFF; }*/
  .recipe-page-block__aside .aside-text-block p {
    font-size: calc(16*(100vw - 6.9vw*3.43 - 375px)/(1536 - 375));
  }
}
@media (max-width: 1921px) {
  .recipe-page-block__aside .aside-text-block p {
    font-size: 1.6rem;
  }
.header--static { background: #000; position: relative !important; }
}
@media (min-width: 1025px) {
 .header--static.header--min {
    background: #000;
  }
  
  .RecipePage .hero-banner__video-content {
    width: 100%;
    justify-content: center;
  }
  .RecipePage .hero-banner--video-info {
    min-height: 46vw;
  }
	  
}

.text-block.updated {
	background: #fff;
	color: #000;
}
.text-block.updated .text-block__content {
	padding: 0px;
}
.updated .link-page {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 20px;
}
.updated .content-grid__link {
	padding-top: 17px;
}
.accordion-large-item.active ~ .aside-accordion__tags { display: block; }
.apply-filters { display: none; }
.aside-accordion__reset-wrapper { 
	display: block;
}
#reset-me { display: none; }
.aside-accordion__reset-wrapper .clear-filters {
	display: block;
}
.RecipePage .content-grid__product h5 { font-size: 20px; }
.content-grid__button a { font-size: 16px; }
.recipe-page-block__aside { border-right: 1px solid #000; }
#go-right { color: #8e4556; }

.RecipePage #method h5 { margin-top: 2rem; }
.RecipePage #method p { margin-top: 1rem; }
@media print {
	#ingredients, #method, #tips, #tips .accordion-section__content { display: block; }
	.content-grid__button, .content-grid__product, .tabs .container__title, .hero-banner__background, .header, .text-block.text-block--fw.updated { display: none; }
	.recipe-page-block__aside, .recipe-page-block__main { width: 100%; }
	.RecipePage .content-grid { display: block; }
	.RecipePage .hero-banner__video-content { display: none; }
	.RecipePage .hero-banner--video-info { min-height: auto !important; height: auto !important; }
}

.bigmargin { margin: 10px 0px 30px; }
.text-block.reverse { background: #000; color: #FFF; }
#mobile-header { display: none; }
@media (min-width: 1025px) {
	.meat-popup__close.meat-popup-close { position: absolute; bottom: 48px; }
	.RecipePage .subdata.desktop { margin-top: 20px; }
	.search-form form input {
		font-size: 2.5rem;
		font-weight: bold;
	}
	.text-block.reverse { padding: 20px 0px 0px 0px; }	
	
	.aside-filter__accordion {
	  position: sticky;
	  top: 100px;
	}	
	
}
.search-block { padding-top: 3rem; }
.MainRecipePage .hero-banner__title a {
  margin-top: -10px;
}
.hero-banner__play-info:nth-of-type(3)::before { 
	content: " " !important;
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: -10px;
	top: 0;
}	
.hero-banner__title a { background-color: rgba(0, 0, 0, 0.75); }
.hero-banner__title .title p {
	background: #000;
	padding: 10px;
	width: fit-content;
}
.search-block {
  padding-bottom: 5rem;
}

.hero-banner__play-info:nth-of-type(3)::before {
  width: 2px;
  left: -30px;
}
.meat-popup__img .content-grid__button { justify-content: end; }

.MainRecipePage .text-block__content {
	max-width: 100vw;
}
.hero-banner__title a {
  border: 1px solid #fff;
}
@media (max-width: 1024px) {
	#mobile-header  .hero-banner__title .title p {
		width: 93%;
	}
	.hero-banner__title .title p {
		font-size: 16px;
	}	
	.search-form form input {
		font-size: 1.8rem;
		font-weight: bold;
	}	
	.header__menu ul li a {
		font-size: 28px;
	}
	.menu-item-has-children .sub-menu ul a {
		font-size: 20px;
	}	
	.HomePage .hero-banner__background img {
	  object-position: 65%;
	}	
	.hero-banner {
		min-height: auto;
		height: auto;
		background-color: rgba(0, 0, 0, 0.5); 
	}
	.hero-banner--video-info .hero-banner__background img {
		height: 100%;
	}	
	.content-page { min-height: auto; height: auto; background-color: rgba(0, 0, 0, 0.5); }
	.content-grid__product .title-and-line h3 { font-size: 20px; }
	.center-parent {
		display: flex;
		justify-content: center;
	}	
	.desktop { display: none; }
	.bigmargin { margin: 0px 0px 30px; }
	.aside-accordion__reset-wrapper { margin-top: 16px; }
	.search-block { padding-top: 1rem; }
	.MainRecipePage .text-block.reverse {
		padding-top: 5px;
	}
	.MainRecipePage .hero-banner__title a {
	  margin-top: -40px;
	}	
  .MainRecipePage .hero-banner__title {
    justify-content: center;
  }
	.RecipePage .hero-banner { min-height: auto; height: 290px;}
	.RecipePage .hero-banner__title .title h1 { font-size: 25px; }
	#mobile-header { background: #000; color: #FFF; display: block; padding: 22px 0px 22px 0px; }
	#mobile-header .hero-banner__play-info::before {
		content: " " !important;
		width: 1px;
		height: 100%;
		background-color: #cfcfcf;
		position: absolute;
		left: -10px;
		top: 0;
	}
	
	#mobile-header .hero-banner__play-info:nth-of-type(3)::after { 
		content: " " !important;
		width: 1px;
		height: 100%;
		background-color: #fff;
		position: absolute;
		left: -10px;
		top: 0;
	}	
	#mobile-header .hero-banner__play-info {
		order: initial;
	}
	.RecipePage .hero-banner.hero-banner--video-info .subdata { display: none; }  
	.RecipePage #mobile-header .hero-banner__video-content { position: static; gap: 20px; }
	.RecipePage #mobile-header .hero-banner__rating { margin: 0 auto; margin-bottom: 15px; }
	.RecipePage #mobile-header .hero-banner__title { padding: 0px 20px; gap: 10px; text-align: center; }
	.RecipePage #mobile-header .hero-banner__play-info span { font-size: 18px; font-weight: bold; }
	.RecipePage #mobile-header .hero-banner__video-content { padding: 0px; }
	.RecipePage .hero-banner .hero-banner__video-content { background: transparent; justify-content: end; }
	.RecipePage .hero-banner .hero-banner__video-content .hero-banner__play-info { display: none; }
	
}

  
  
}
.recipe-page-block__aside .aside-text-block ul li:first-child {
  margin-top: 2rem;
}

.RecipePage .content-grid__button {
  height: 4rem;
  margin-bottom: 22px;
}
.ContentPage .text-block.updated .text-block__content {
	margin-bottom: 20px;
}

.content-grid__block .content-grid-aside ul {
  border-left: 1px solid #cfcfcf;
}
.content-grid__block .content-grid-aside ul li {
  border-bottom: 1px solid #a78230;
}

.content-element__content p {
  font-family: "Roboto", sans-serif;
  font-size: 16pt;
  color: #000;
}

.content-element__content h1 {
  font-family: "Nord", sans-serif;
  font-size: 40pt;
  color: #000; /* black */
}

.content-element__content h2 {
  font-family: "Nord", sans-serif;
  font-size: 40pt;
  color: #a78230; /* gold */
}

.content-element__content h3 {
  font-family: "Nord", sans-serif;
  font-size: 40pt;
  color: #7b2b3a; /* purply red */
}

.content-element__content h4 {
  font-family: "Nord", sans-serif;
  font-size: 25pt;
  color: #000; /* black */
}

.content-element__content h5 {
  font-family: "Nord", sans-serif;
  font-size: 25pt;
  color: #a78230; /* gold */
}

.content-element__content h6 {
  font-family: "Nord", sans-serif;
  font-size: 25pt;
  color: #7b2b3a; /* purply red */
}

.content-element__content pre {
	font-size: calc(1.5rem + 5 * (100vw - 375px) / (1536 - 375));
}
.privacy-templates.common-text ul { list-style-type: disc; padding-left: 20px; }
.privacy-templates.common-text ul li { color: #000; display: list-item; }
.privacy-templates.common-text ul li::before { display: none; }

@media (max-width: 768px) {
	#print-me { display: none; }
	.hero-banner.content-page { min-height: 280px; }
	.ContentPage .text-block.updated .text-block__content p {
		font-size: 1.8rem;
	}
	.content-element__content h1, .content-element__content h2, .content-element__content h3 {
		font-size: 3.3rem;
		line-height: auto;
	}
	.content-element__content h4, .content-element__content h5, .content-element__content h6 {
		font-size: 2.5rem;
		line-height: auto;
	}
	.content-element__content pre {
		font-size: 1.5rem;
	}
}

/* CSS */
.unit-switch {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 40px;
  font-family: sans-serif;
}

.unit-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  background-color: #ddd;
  border-radius: 40px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background-color 0.3s;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.slider .label {
  flex: 1;
  text-align: center;
  font-size: 14px;
  z-index: 2;
  transition: color 0.3s;
}

.slider::before {
  content: "";
  position: absolute;
  height: 36px;
  width: 70px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 40px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: transform 0.3s;
  z-index: 1;
}

.slider .metric {
  color: #000;
}
.slider .imperial {
  color: #666;
}

.unit-switch input:checked + .slider::before {
  transform: translateX(68px);
}

.unit-switch input:checked + .slider .metric {
  color: #666;
}
.unit-switch input:checked + .slider .imperial {
  color: #000;
}

.tabs__item--only-mobile .unit-switch { margin-bottom: 15px; }




#facebook {
    display: flex;
    justify-content: space-between;
    gap: 10px; /* Adds spacing between posts */
    flex-wrap: nowrap; /* Ensures all posts stay in one line */
    overflow-x: auto; /* Allows horizontal scrolling if the screen is too narrow */
	padding: 30px;
}

#facebook ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
	gap: 20px;
}

#facebook li {
    position: relative;
    width: 25%;
	padding-left: 0px;
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

#facebook li:hover {
    transform: scale(1.05); /* Slightly enlarge the post on hover */
}

#facebook li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

#facebook li .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Start fully transparent */
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0; /* Hidden by default */
    transition: background 0.3s ease, opacity 0.3s ease;
}

#facebook li:hover .overlay {
    background: rgba(0, 0, 0, 0.6);
    opacity: 1; /* Make the overlay visible */
}

#facebook li .overlay h3 {
    font-size: 20px;
	font-family: Roboto;
    margin: 0 10px;
    line-height: 1.4;
	padding: 0px 20px;
}

#facebook li .overlay a {
    margin-top: 20px;
	font-size: 16px;
    padding: 10px 20px;
    color: white;
	font-family: 'Nord';
    text-decoration: none;
    border: 2px solid white;
    background: transparent;
    transition: background 0.3s ease, color 0.3s ease;
}

#facebook li .overlay a:hover {
    background: white;
    color: black;
}

#fb-title {
	padding: 30px 30px 5px 30px;
}
#fb-title h2 {
	font-family: 'Nord';
	font-size: calc(25*(100vw - 6.9vw*3.43 - 375px)/(1536 - 375));
}
.content-grid__block .content-grid-paragraf p { font-size: 16px; }
.RecipePage h1 {
	font-size: calc(65*(100vw - 6.9vw*3.43 - 375px)/(1536 - 375));
}
.dt-switch { margin-bottom: 10px; }
@media (max-width: 1500px) {
	#fb-title h2 {
		font-size: calc(1.6rem + 9*(100vw - 375px)/(1536 - 375));
	}	
}
@media (max-width: 1000px) {
    #facebook ul {
        flex-wrap: wrap; /* Allow wrapping */
    }

    #facebook li {
        width: calc(50% - 10px); /* Two items per row */
    }

    #facebook li:nth-child(n+3) {
        display: none; /* Hide the last two posts */
    }
    #facebook li .overlay h3 {
      font-size: 14px;
    }	
}

@media (max-width: 400px) {
    #facebook li {
        width: 100%; /* One item per row */
    }
	#facebook li .overlay a {
		font-size: 10px;
	}

    #facebook li:nth-child(n+2) {
        display: none; /* Show only the first post */
    }
}