<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">

	<!-- Mobile Metas -->
	<meta name="viewport" content="width=device-width, user-scalable=1, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">

	<!-- Meta tags -->
	<title>Backsberg</title>

	<meta name="generator" content="OrderEazi CMS">
	<meta name="title" content="Blog" />
	<meta name="description" content="" />

	<!-- Canonical SEO -->
	<link rel="canonical" href="https://www.backsberg.co.za/blog/?feed=rss2" />

	<!-- Open Graph Tags -->
	<meta property="og:title" content="Blog" />
	<meta property="og:url" content="https://www.backsberg.co.za/blog/?feed=rss2" />
	<meta property="og:type" content="website" />
	<meta property="og:description" content="" />
	<meta property="og:image" content="https://content.storefront7.co.za/stores/za.co.storefront8.luro5t.-backsberg/pictures/backsberg_7tam.png" />
	<meta property="og:image:width" content="1200" />
	<meta property="og:image:height" content="630" />

	<!-- Twitter Card Tags -->
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:title" content="Blog" />
	<meta name="twitter:description" content="" />
	<meta name="twitter:image" content="https://content.storefront7.co.za/stores/za.co.storefront8.luro5t.-backsberg/pictures/backsberg_7tam.png" />
	<meta name="twitter:image:width" content="1200" />
	<meta name="twitter:image:height" content="675" />

	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

	<!-- Stylesheets -->
				<link data-stylesheet="main" rel="stylesheet" href="//content.storefront7.co.za/stores/za.co.storefront8.luro5t.brampton/themes/watches/3a0817cb-9c97-4e7b-9a19-74c529a72146.css?r=2026060905" />

	
		<style
			
			
			type="text/css">
			/* Section welcome split */

.section-welcome-split {
  position: relative;
}

.section-welcome-split:before {
  content: '';
  background: #edeeef;
  width: 100%;
  height: calc(100% - 583px / 2);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Section quoted images */
.quoted-image .image-content {
  top: auto;
  bottom: 0;
  width: 100%;
  transform: translate(-50%, 0);
  padding: 15px;
}

.quoted-image .image-content quote {
  font-size: 21px;
  color: #fff;
  font-style: italic;
  display: block;
  font-family: "Libre Bodoni", serif;
}

.quoted-image .image-content author {
  color: #fff;
  font-size: 21px;
}

/* Section Crafted */

@media(min-width: 991px){
  .container.section-crafted {
    margin-top: -350px;
  }
  .container.section-crafted > .row > .col-md-6:first-child {
    margin-bottom: 60px;
  }
}

@media(max-width: 768px){
  .quoted-image {
    aspect-ratio: 1 / 1;
    position: relative;
  }
  .quoted-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .quoted-image .image-content{
    padding: 15px 15px 30px;
  }
  .quoted-image .image-content quote{
    font-size: 16px;
    line-height: 1.4;
  }
  .quoted-image .image-content author {
    font-size: 18px;
  }
}
		</style>
		<style
			
			
			type="text/css">
			.subscribe-newsletter.custom-form-builder-form .form-check {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  gap: 5px;
}
.subscribe-newsletter.custom-form-builder-form .form-group label{
  display: none; 
}
.subscribe-newsletter.custom-form-builder-form .form-group input.form-control {
  border-radius: 2px;
}

.subscribe-newsletter.custom-form-builder-form .form-check input {
  width: 21px !important;
  height: 15px !important;
  display: block;
}

.subscribe-newsletter.custom-form-builder-form .btn-secondary:not(:hover) {
  background: linear-gradient(-45deg, #d66616 0%, #f9b55b 50%, #d66616 80%, #d66616 100%);
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border: none;
}

.subscribe-newsletter.custom-form-builder-form .btn-secondary{
  display: block; 
}

@media(max-width: 991px){
  .subscribe-newsletter.custom-form-builder-form .btn-secondary{
    margin: 0 auto;
    text-align: center; 
    color: #fff;
  }

  .subscribe-newsletter.custom-form-builder-form .form-group input.form-control {
    border: 1px solid #bb5f18;
  }
}
		</style>
		<style
			
			
			type="text/css">
			/* Section Bleed Into containers */
.container.full.section-winemaking-intro-image {
  position: relative;
}

.container.full.section-winemaking-intro-image:before {
  content: '';
  background: #edeeef;
  width: 100%;
  height: calc(583px / 6);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.container.full.section-our-wines{
  position: relative; 
}

@media(min-width: 991px){
  .container.section-winemaking-bleed {
    margin-top: -350px;
  }
  .container.section-winemaking-bleed > .row > .col-md-6:first-child {
    margin-bottom: 60px;
  }
  .container.section-bleed {
    margin-top: -50px;
  }

  .container.section-bleed .image-bleed-bamboo{
    margin-top: -300px;
  }

  .container.section-bleed .image-bleed-recycle{
    margin-top: -150px;
  }

  .container.full.section-our-wines:before{
    content: '';
    background: #edeeef;
    width: 100%;
    height: calc(100% / 3);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
  }
}



		</style>
		<style
			
			
			type="text/css">
			.container.full.our-wines-image-intro{
  position: relative; 
}

.container.full.our-wines-image-intro:before {
  content: '';
  background: #edeeef;
  width: 100%;
  height: calc(100% - 583px / 2);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media(min-width: 991px){
  .section-bleed-enquiries{
    margin-top: -150px;
    padding-top: 100px;
  } 
}

@media(max-width: 991px){
  .section-bleed-enquiries{
    padding-top: 60px !important;
  } 
}
		</style>
		<style
			
			
			type="text/css">
			.how-to-qualify{
  background: linear-gradient(-45deg, #d66616 0%, #f9b55b 50%, #d66616 80%, #d66616 100%); 
}

.join-the-club.custom-form-builder-form .btn {
  background: linear-gradient(-45deg, #d66616 0%, #f9b55b 50%, #d66616 80%, #d66616 100%);
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border: none;
}

.join-the-club.custom-form-builder-form .btn:hover {
  display: block;
  background: #414246;
  color: #fff;
}

@media(max-width: 991px){
  .how-to-qualify>.row>div[class*="col"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  } 
}

@media(max-width: 480px){
  .join-the-club.custom-form-builder-form .form-group {
    width: calc(50% - 5px);
    float: left;
  }

  .join-the-club.custom-form-builder-form .form-group:nth-child(even) {
    margin-right: 10px;
  } 
}

@media(min-width: 481px){
  .join-the-club.custom-form-builder-form .form-group {
    width: calc(50% - 15px);
    float: left;
  }

  .join-the-club.custom-form-builder-form .form-group:nth-child(even) {
    margin-right: 30px;
  }
}

@media(min-width: 991px){
  .container.full.join-club-image {
    position: relative;
  }
  .container.full.join-club-image:before{
    content: '';
    background: #edeeef;
    width: 100%;
    height: calc(100% - 583px / 2);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
		</style>
		<style
			
			
			type="text/css">
			h1.win-title{
  font-weight: 500; 
}

h1.win-title > span {
  font-size: 100px !important;
  line-height: 1;
}

h1.win-title > span + br + span {
  font-size: 45px !important;
  line-height: 1;
}


.win-competition.custom-form-builder-form .form-check {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 5px;
}
.win-competition.custom-form-builder-form .form-group label{
  display: none; 
}
.win-competition.custom-form-builder-form .form-group input.form-control {
  border-radius: 8px;
  border-image: linear-gradient(to right, #d66616 0%, #f9b55b 100%) 1;
  border-width: 2px;
  border-style: solid;
}

.win-competition.custom-form-builder-form .form-check input {
  width: 34px !important;
  display: block;
  border-radius: 3px;
}

.win-competition.custom-form-builder-form .btn-secondary:not(:hover) {
  background: linear-gradient(-45deg, #d66616 0%, #f9b55b 50%, #d66616 80%, #d66616 100%);
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border: none;
}

.win-competition.custom-form-builder-form .btn-secondary{
  display: block; 
}

@media(max-width: 991px){
  .win-competition.custom-form-builder-form .form-group input.form-control{
    text-align: center; 
  }

  .win-competition.custom-form-builder-form .form-group label[for="UploadTillSlips"] {
    display: block;
    text-transform: uppercase;
    padding-bottom: 0;
  }

  .win-competition.custom-form-builder-form .form-group input#UploadTillSlips {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }

  .win-competition.custom-form-builder-form .form-check input {
    width: 40px !important;
    height: 24px;
  }

  .win-competition.custom-form-builder-form .btn-secondary{
    margin: 0 auto;
    text-align: center; 
  }
}
		</style>
		<style
			
			
			type="text/css">
			@media(min-width: 991px){
  .image-bleed{
    margin-top: 30%;
    margin-bottom: -30%;
  }
  
  .image-bleed-bottom{
    margin-bottom: -30%;
  }
}
		</style>
		<style
			
			
			type="text/css">
			.section-history-timeline div[class^="content-imageslider"]>.slick-arrow {
    background: transparent;
    border: 1px solid #6a6d6f;
    border-radius: 50%;
    color: #6a6d6f;
}
		</style>
		<style
			
			
			type="text/css">
			.btn-content.taste-book-now,
.btn-content.taste-our-menu{
  min-width: 175px;
}

.taste-image-intro{
  position: relative; 
}

@media(min-width: 991px){
  .container.full.taste-image-intro:before{
    content: '';
    background: #edeeef;
    width: 100%;
    height: calc(100% - 583px / 2);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; 
  } 
}
		</style>


	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/codemirror.min.css" />
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" />
	<link rel="stylesheet" href="https://content.storefront7.co.za/common/css/flatpickr/material_blue.css" />

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
	<script src="https://use.fontawesome.com/36070ee43c.js" defer></script>
	<script src="//content.storefront7.co.za/common/scripts/lazyload.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js" type="text/javascript"></script>

	<script src="//content.storefront7.co.za/common/scripts/jquery.mustache.min.js" type="text/javascript"></script>
	<script src="//content.storefront7.co.za/common/scripts/mustache.min.js" type="text/javascript"></script>
	<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.client.sdk.min.js?v=26060905"></script>
	<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.events.appear.min.js?v=26060905"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tiny-pubsub/0.7.0/ba-tiny-pubsub.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js" type="text/javascript"></script>

	
<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.optin.min.js?v=26060905"></script>
<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.facebook-pixel.min.js?v=26060905"></script>
<script type="text/javascript">
    var optinMaxAgeMinutes = 43200;

    // Initialize Optin SDK

            Optin.Add('Google Analytics 4', 'G-K4E0D97GEW', 'performance');


</script>
<noscript>
</noscript>


	<script type="text/javascript">
		var sdk = new SDK.default();
		Optin.Initialize();
	</script>

	<!-- Enhanced eComerce -->
	



	<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.api.min.js?v=26060905"
		id="ApiScript"
		data-api-key=""
		data-reference="DEFAULT-SESSION">
</script>
	


	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	
    <script src="https://www.google.com/recaptcha/api.js" defer></script>

	
    <meta name="google-site-verification" content="FJWSPVhj5b9NRZBwEVmmkNv3aBESFaewPS0V3e-6rxM" />

	
<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.google-analytics-4.min.js?v=26060905"></script>
    <script defer>
        $(function () {
            if(window.SFGA) SFGA.Init('G-K4E0D97GEW', '', 'False' == 'True');
        });
    </script>

	

			<link rel="icon" type="image/x-icon" href="//content.storefront7.co.za/stores/za.co.storefront8.luro5t.-backsberg/pictures/7_kewv.ico?height=32&width=32" />


	
</head>
<body>
	
	<div class="corner">
		<div class="corner-loader">
			<div class="loader"></div>
		</div>
		<div class="loading"><span class="text"></span><span class="one">.</span><span class="two">.</span><span class="three">.</span></div>
	</div>
	<div id="notification">
		<div class="alert" id="message">
			<div class="ui-notify #{style}">
				<div class="ui-notify-contain">
					<p><i class="fa fa-#{icon}"></i>#{text}</p>
					<a data-dismiss="alert" class="btn btn-ok">OK</a>
					<a href="/checkout/cart" class="btn btn-view-cart">View Cart</a>
				</div>
				<a class="notify-close" data-dismiss="alert"><i class="fa fa-close"></i></a>
			</div>
		</div>
	</div>
	<zone section="Before Header">
</zone>

	<!-- header starts -->
<header class="masthead header-b">
	<div class="top-bar">
		<div class="container">
			<button class="btn-country-selector" data-toggle="modal" data-target="#currency-selector">
	<span class="country-delivery-flag"><i class="flag-sm flag-sm-ZA"></i></span>
	<span class="country-currency-name">ZAR</span>
	<span class="country-currency-code">(R)</span>
</button>
			<button type="button" class="btn-branch-selector" id="branch-selector-btn" aria-label="Select branch" title="Select your branch for stock and checkout" style="display: none;">
	<i class="fa fa-map-marker" aria-hidden="true"></i>
	<span class="branch-selector-label" id="branch-selector-label">Choose branch</span>
</button>

			<div class="utils">
					<a class="util-mail" href="mailto:Backsbergwine@dgb.co.za"><i class="fa fa-envelope"></i>Backsbergwine@dgb.co.za</a>
			</div>
				<minicart>
		<span class="placeholder"></span>
	</minicart>
	<script id="minicart_html" type="text/html">
		<ul class="mini-cart">
			<li class="dropdown">
				<a class="desktop-menu-mini-cart dropdown-toggle" data-toggle="dropdown" href="/checkout/cart" role="button" aria-haspopup="true" aria-expanded="false">
					<i class="fa fa-shopping-cart"></i><span class="mini-cart-count">{{ItemCount}}</span> <span class="mini-cart-text-contain">item(s)</span><i class="fa fa-chevron-down"></i>
				</a>
				<a class="mobile-menu-mini-cart" href="/checkout/cart">
					<i class="fa fa-shopping-cart"></i><span class="mini-cart-count">{{ItemCount}}</span> <span class="mini-cart-text-contain">item(s)</span>
				</a>
				<div class="dropdown-menu">
					{{^HasItems}}
					<p class="cart-empty">Your cart is empty.</p>
					{{/HasItems}}
					{{#HasItems}}
					<ul class="mini-cart-content">
						{{#Items}}
						<li>
							<div class="mini-cart-item">
								<a href="{{Url}}" class="mini-cart-img-contain">
									<span class="mini-cart-img" role="img" aria-label="" style="background-image: url('{{Picture}}');"></span>
								</a>
								<a href="{{Url}}" class="mini-cart-title">
									{{Name}}
								</a>
								<span class="mini-cart-extra">x{{Qty}}</span>
								{{#IsEnquiryProduct}}
								<span class="mini-cart-enquiry">Enquiry</span>
								{{/IsEnquiryProduct}}
								{{#Price}}
								<span class="mini-cart-price">{{PriceText}}</span>
								{{/Price}}
								<a href="javascript:;" class="mini-cart-remove" data-basket-item-id="{{Id}}"
								   sf-ga-trigger="click"
								   sf-ga-event="remove_from_cart"
								   sf-ga-data-endpoint='/ajax/google-analytics-4/cart/item?itemId={{Id}}'><i class="fa fa-close"></i></a>
							</div>
						</li>
						{{/Items}}
					</ul>					
					{{#Total}}
					<div class="mini-cart-total clearfix">
						<span class="mini-cart-total-title">Total</span>
						<span class="mini-cart-total-amount">{{TotalText}}</span>
					</div>
					{{/Total}}
					{{#AllowWallet}}
					<div class="mini-cart-total clearfix">
						<span class="mini-cart-total-title">Available Wallet Credit</span>
						<span class="mini-cart-total-amount">{{TotalWalletPointsAvailableText}}</span>
					</div>
					{{/AllowWallet}}

					<div class="mini-cart-footer clearfix">
						<a href="/checkout/cart" class="btn">View Cart</a>
						<a onclick="Cart.MiniCart.ClearCart()" class="btn btn-danger">Clear Cart</a>
					</div>
					{{/HasItems}}
				</div>
			</li>
		</ul>
	</script>
	<script>
		$(function () {
			if (window.location.pathname.indexOf('checkout') <= 0)
				Cart.MiniCart.GetMiniCart();
			else {
				$('minicart').remove();
			}
		});
	</script>

			<account-menu>
	<span class="placeholder"></span>
</account-menu>

<script id="accountmenu_html" type="text/html">
	<ul class="account-dropdown">
		{{#LoggedIn}}
		<li class="dropdown">
			<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
				<span class="user-name-switch">{{Name}}</span><i class="fa fa-user"></i><i class="fa fa-chevron-down"></i>
			</a>
			<div class="dropdown-menu">
				<ul>
					{{#Links}}
					<li><a href="{{Url}}"><i class="{{Icon}}"></i>{{Text}}</a></li>
					{{/Links}}
					{{^HideAccountSwitch}}
						{{#MultipleAccounts}}
							<li><a href="/account/switch"><i class="fa fa-users"></i>Switch Account</a></li>
						{{/MultipleAccounts}}
					{{/HideAccountSwitch}}
					<li><a href="/account/logout" class="btn">Sign Out</a></li>
				</ul>
			</div>
		</li>
		{{/LoggedIn}}
		{{^LoggedIn}}
		<li class="account-lnk-sign-in"><a href="/account/login">Sign In</a></li>
		<li class="account-lnk-register"><a href="/account/register">Register</a></li>
		{{/LoggedIn}}
	</ul>
</script>
<script>
	sdk.profile.get({
		success: function (response) {
			var data = response.data;
			var roles = data.Roles == undefined ? "" : data.Roles;
			var profileModel = {
				Backoffice: data.LoggedIn ? roles.indexOf("BackOffice") > -1 : false,
				MultipleAccounts: data.LoggedIn ? roles.indexOf("MultipleAccounts") > -1 : false,
				HideAccountSwitch: data.HideAccountSwitch
			}
			$('account-menu').html(Mustache.render($('#accountmenu_html').html(), $.extend({}, data, profileModel)));
		},
		error: function (resp) { console.log("Error Loading Account Menu:", resp) }
	});
</script>
		</div>
	</div><!-- /.top-bar -->
	<nav class="navbar">
		<div class="sub-bar">
			<div class="container">
				<div class="navbar-header">
					<div class="navbar-toggle-contain">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="navbar-helper-text">Menu</span>
						</button>
					</div>
					<a class="navbar-brand" href="/">
		<img class="img-responsive" src="//content.storefront7.co.za/stores/za.co.storefront8.luro5t.-backsberg/pictures/backsberg_7tam.png" alt="store-logo" />
</a>

					<div class="mobile-account">
						<account-menu></account-menu>
					</div>
					<div class="mobile-cart">
							<minicart></minicart>
					</div>
				</div>
				<div class="navbar-ctas">
					
	<div class="mini-search">
		<form method="get" action="/products/browse">
			<input type="search" name="keywords" placeholder="Search" autocomplete="off" solr-predictive />
			<button type="submit" class="btn">
				<i class="fa fa-search"></i>
			</button>
		</form>
	</div>
	<!-- /.mini-search -->
	<script type="text/javascript">

		$('[name=keywords]').on('keypress',
			function(e) {

				if (e.which === 32 || e.which === 13 || e.which === 45 || e.which === 46) return;

				if (e.which < 48 ||
					(e.which > 57 && e.which < 65) ||
					(e.which > 90 && e.which < 97) ||
					e.which > 122) {
					e.preventDefault();
				}
			});

		$('[name=keywords]').on('input',
			function(e) {
				$(this).val(function(i, v) {
					return v.replace(/[<>]/g, '');
				});
			});

		$('.mini-search form').on('submit',
			function(e) {
				var term = $('input[name=keywords]').val();
				if (window.SFGA) SFGA.Event('search', '{"search_term":"' + term + '"}');
				if (window.FBQ) FBQ.search({ search_string: term })
			});

	</script>

				</div>
			</div>
		</div>
		<zone section="Before Menu">
</zone>

		<div class="nav-contain">
			<div class="container">
					<div class="predictive-search row">
						<div class="container">
							<div class="predictive-search-holder">
								<div class="result-contain clearfix" style="display:none;">
	<div class="search-results col-md-8 col-lg-8">
		<div class="product-result-holder">
			<h4>Matching Products Found<small class="hidden-xs">Found: <span></span></small><a href="#" title="view all search results">View All</a></h4>
			<div class="product-results">
				<p>NONE</p>
			</div>
		</div>
	</div>
	<div class="search-side-bar col-md-4 col-lg-4">
		<div class="category-result-holder">
			<h4>Matching Categories Found</h4>
			<div class="category-results">
				<p>NONE</p>
			</div>
		</div>
		<div class="brand-result-holder hidden-xs">
			<h4>Matching Brands Found</h4>
			<div class="brand-results">
				<p>NONE</p>
			</div>
		</div>
		<div class="suggestion-result-holder hidden-xs">
			<h4>Suggestions</h4>
			<div class="suggestion-results">
				<p>NONE</p>
			</div>
		</div>
	</div>
</div>
<div class="search-more-characters clearfix " style="display:none;">
	<p>Search term too short. Please add more characters.</p>
</div>
<div class="search-loading clearfix" style="display:none;">
	<p>Searching...</p>
</div>
<div class="search-noresults clearfix" style="display:none;">
	<p>No results found matching "<span></span>"...</p>
</div>
							</div>
						</div>
					</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
		 <li class="">
				 <a data-type="Home" data-contextId="103" href="/" target=""><i class="nav-icon "></i>Home</a>
		 </li>
		 <li class="dropdown">
				 <a data-type="Link" data-contextId="104" href="#" target="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="nav-icon"></i>About Us<i class="fa fa-chevron-down"></i></a>
						<ul class="dropdown-menu">
											<li data-contextId="124" data-path="/about-us/history"><a href="/about-us/history"><i class="nav-icon "></i>History</a></li>
											<li data-contextId="125" data-path="/about-us/winemaking"><a href="/about-us/winemaking"><i class="nav-icon "></i>Winemaking</a></li>
											<li data-contextId="126" data-path="/about-us/carbon-neutral"><a href="/about-us/carbon-neutral"><i class="nav-icon "></i>Carbon neutral</a></li>
											<li data-contextId="203" data-path="/blog"><a href="/blog"><i class="nav-icon "></i>News</a></li>
						</ul>
		 </li>
		 <li class="">
				 <a data-type="Page" data-contextId="105" href="/our-wines" target=""><i class="nav-icon "></i>Our Wines</a>
		 </li>
		 <li class="">
				 <a data-type="Page" data-contextId="106" href="/taste" target=""><i class="nav-icon "></i>Taste</a>
		 </li>
		 <li class="dropdown">
				 <a data-type="Link" data-contextId="218" href="/the-fifth-generation" target="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="nav-icon"></i>Shop<i class="fa fa-chevron-down"></i></a>
						<ul class="dropdown-menu">
											<li data-contextId="219" data-path="/the-fifth-generation"><a href="/the-fifth-generation"><i class="nav-icon "></i>Shop SA</a></li>
											<li data-contextId="220" data-path="https://the-winestore.com/en/collections/weingut-backsberg"><a href="https://the-winestore.com/en/collections/weingut-backsberg"><i class="nav-icon "></i>Shop EU</a></li>
						</ul>
		 </li>
		 <li class="">
				 <a data-type="Page" data-contextId="217" href="/wine-club" target=""><i class="nav-icon "></i>Join the club</a>
		 </li>
		 <li class="">
				 <a data-type="Page" data-contextId="111" href="/contact-us" target=""><i class="nav-icon "></i>Contact</a>
		 </li>
</ul>
				</div>
			</div>
		</div>
	</nav>
</header>
<!-- header ends -->

<script>
	//Sticky Mobile Nav
	var header = $('.masthead').outerHeight();
	var resizeTimer;
	$(window).on('load resize', function (e) {
		clearTimeout(resizeTimer);
		resizeTimer = setTimeout(function () {
			if ($(window).width() < 991) {
				$('.masthead').addClass("sticky");
				$('.main-content').eq(0).css('padding-top', $('.masthead').outerHeight());
			} else {
				$('.masthead').removeClass("sticky");
				$('.main-content').removeAttr('style');
			}
		}, 50);
	});
</script>
	<zone section="Before Main">
</zone>

	<!-- main content starts -->
	<main class="main-content">
		<div class="blog-post-contain">
    <div class="page-header">
        <div class="container">
            <h1>Blog</h1>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                        <div class="blog-post-item">

                                <a class="blog-post-img" href="/fresh-off-the-press-backsberg-family-wines-harvest-report-2025" role="img" aria-label="Accessible Name" style="background-image: url('//content.storefront7.co.za/stores/za.co.storefront8.luro5t.franschoek-cellar/content/cover/FreshOffThePressBacksbergFamilyWinesHarvestReport2025_01331.jpg');" alt="Fresh Off The Press  | Backsberg Family Wines Harvest Report 2025"></a>
                            <div class="blog-post-content">
                                <div class="blog-post-meta">
                                    <h2>
                                        <a href="/fresh-off-the-press-backsberg-family-wines-harvest-report-2025">Fresh Off The Press  | Backsberg Family Wines Harvest Report 2025</a>
                                    </h2>
                                    <div class="blog-post-date">
                                        <i class="fa fa-clock-o"></i>
                                        Thursday, 27 March 2025
                                    </div>
                                </div>
                                <div class="blog-post-summary">
                                    <p>The morning mist lingers over Franschhoek’s vineyards as dawn breaks. A single, dewy grape catches the first light, moments before it’s plucked and tasted—an act that blends instinct with decades of experience. For winemaker Alicia Rechner, celebrating her 30th harvest, each vintage still brings new lessons, surprises, and the simple joy of creating something extraordinary.
A Harvest Marked by Rhythm and Romance
This year’s harvest began on January 26th, shaped by a cool ripening period and a...</p>
                                </div>
                                <a href="/fresh-off-the-press-backsberg-family-wines-harvest-report-2025" class="btn">Read More</a>
                            </div>
                        </div>
                        <div class="blog-post-item">

                                <a class="blog-post-img" href="/red-wine-chocolate-cake-featuring-our-plum-valley-merlot" role="img" aria-label="Accessible Name" style="background-image: url('//content.storefront7.co.za/stores/za.co.storefront8.luro5t.franschoek-cellar/content/cover/RedWineChocolateCakefeaturingourPlumValleyMerlot_5aqe.png');" alt="Chocolate &amp; Wine &#x2013; A Match Made in Heaven!"></a>
                            <div class="blog-post-content">
                                <div class="blog-post-meta">
                                    <h2>
                                        <a href="/red-wine-chocolate-cake-featuring-our-plum-valley-merlot">Chocolate & Wine – A Match Made in Heaven!</a>
                                    </h2>
                                    <div class="blog-post-date">
                                        <i class="fa fa-clock-o"></i>
                                        Wednesday, 12 March 2025
                                    </div>
                                </div>
                                <div class="blog-post-summary">
                                    <p></p>
                                </div>
                                <a href="/red-wine-chocolate-cake-featuring-our-plum-valley-merlot" class="btn">Read More</a>
                            </div>
                        </div>
                        <div class="blog-post-item">

                                <a class="blog-post-img" href="discover-the-charm-of-backsberg-wines-in-franschhoek" role="img" aria-label="Accessible Name" style="background-image: url('//content.storefront7.co.za/stores/za.co.storefront8.luro5t.-backsberg/content/cover/DiscovertheCharmofBacksbergWinesinFranschhoek_d50k.png');" alt="Discover the Charm of Backsberg Wines in Franschhoek"></a>
                            <div class="blog-post-content">
                                <div class="blog-post-meta">
                                    <h2>
                                        <a href="discover-the-charm-of-backsberg-wines-in-franschhoek">Discover the Charm of Backsberg Wines in Franschhoek</a>
                                    </h2>
                                    <div class="blog-post-date">
                                        <i class="fa fa-clock-o"></i>
                                        Wednesday, 25 September 2024
                                    </div>
                                </div>
                                <div class="blog-post-summary">
                                    <p>Nestled in the heart of the picturesque Franschhoek Valley, surrounded by rolling vineyards and majestic mountains, lies the iconic Backsberg Wine Estate.</p>
                                </div>
                                <a href="discover-the-charm-of-backsberg-wines-in-franschhoek" class="btn">Read More</a>
                            </div>
                        </div>
                <div style="float:right;">
                    <style>
	.navigation-pager a[disabled="disabled"] {
		pointer-events:none;
		cursor:not-allowed;
		opacity: .4;
	}
</style>

	<nav class="navigation-pager" aria-label="Page navigation">
		<ul class="pagination">
			<li>
				<a href="/blog/?feed=rss2&page=1" disabled="disabled"  aria-label="First">
					<span aria-hidden="true"><i class="fa fa-angle-double-left"></i></span>
				</a>
			</li>
			<li>
				<a href="/blog/?feed=rss2&page=0" disabled="disabled" aria-label="Previous">
					<span aria-hidden="true"><i class="fa fa-angle-left"></i></span>
				</a>
			</li>
			<li class="pagination-select">
				<select name="page" data-qs="1" class="js-select">
						<option value="1" selected>1</option>
				</select>
			</li>
			<li>
				<a href="/blog/?feed=rss2&page=2" disabled="disabled" aria-label="Next">
					<span aria-hidden="true"><i class="fa fa-angle-right"></i></span>
				</a>
			</li>
			<li>
				<a href="/blog/?feed=rss2&page=1" disabled="disabled" aria-label="Last">
					<span aria-hidden="true"><i class="fa fa-angle-double-right"></i></span>
				</a>
			</li>
		</ul>
	</nav>

                </div>
            </div>
            <div class="col-md-offset-8 text-right">
                <div class="blog-sidebar clearfix">
	
		<h3>Archives</h3>
	<div class="blog-list" id="accordion" data-children=".item">
			<div class="item">
				<a class="collapsed" data-toggle="collapse" data-parent="#accordion" data-target="#collapseSection0" aria-expanded="aria-expanded" aria-controls="collapseSection0">
					2025
				</a>
				<div id="collapseSection0" class="collapse" role="tabpanel">
							<a href="/blog?year=2025&amp;month=3">March 2025 (2)</a>
				</div>
			</div>
			<div class="item">
				<a class="collapsed" data-toggle="collapse" data-parent="#accordion" data-target="#collapseSection1" aria-controls="collapseSection1">
					2024
				</a>
				<div id="collapseSection1" class="collapse" role="tabpanel">
							<a href="/blog?year=2024&amp;month=9">September 2024 (1)</a>
				</div>
			</div>
	</div>

</div>
            </div>
        </div>

    </div>
</div>

	</main>
	<zone section="After Main">
</zone>


	<!-- main content ends -->
	<zone section="Before Footer">


<script src="https://www.dineplan.com/resources/dineplan.widget.min.js"></script>
<script type="text/javascript">
Dineplan.key = "nDH4rq95";
</script>

<script>
Dineplan.key = "nDH4rq95"; // Your restaurant's widget key code.
Dineplan.bgcolour = "#B66228"; // Set the background colour of the button. Must be a 6 character hex colour.
Dineplan.fontcolour = "white"; // (black/white) font colour is automatically calculated based on the background colour but you can override this by using this setting.
Dineplan.ypos = "bottom"; // (top/bottom) align the button on the top or bottom of the page. Default is bottom.
Dineplan.xpos = "right"; // (left/right) align the button to the left or right of the page. Default is right.
Dineplan.xoffset = "30px;"; // sets an offset from the left/right side of the page. Default is 20px;
</script>
<script>
  var bs_math_captcha_plus_sign = false;
  var bs_math_captcha_minus_sign = false;
  var bs_math_captcha_multiply_sign = false;
      bs_math_captcha_plus_sign = true;
      bs_math_captcha_minus_sign = true;
      bs_math_captcha_multiply_sign = true;
   jQuery(document).ready(function($) {
    $(document).on('click', '.bs-submit-button-event', function (e) {   
      e.stopPropagation();
          if ($(".elementor-field-type-submit .elementor-button").is(":disabled"))
          {
          $('#errorcaptcha').show();
          $('#bs_ebcaptchainput').css('border-color', 'red');
            if ($("#errorcaptcha").length == 0) {
              $('<p id="errorcaptcha">Error</p>').insertBefore('.elementor-field-type-submit');
              $('#bs_ebcaptchainput').css('border-color', 'red');
            }
          }
          else {
            $('#errorcaptcha').hide();
            $('#bs_ebcaptchainput').css('border-color', '');
        }
      });
  });
</script></zone>

	<!-- footer starts -->
<footer class="footer">
	<div class="footer-top">
		<div class="container">
			<div class="row">
				
            <div class="col-xs-12 col-md-4 footer-col footer-column-1">
                <span class="footer-title">Wine Club</span>
                <div class="paragraph">
                  Join our wine club today to enjoy member discounts, exclusive events and private promotions.
                </div>
                <a class="btn btn-outline" href="/wine-club" target="_self">Find out more</a>
              	<span class="footer-title">
                  Backsberg winery: <br>
                  Open from 10:00am - 17:00pm, <br>
                  Kitchen close at 16:30pm.
              	</span>
            </div>
            <div class="col-xs-12 col-md-4 footer-col footer-column-2">
                <span class="footer-title">Newsletter Sign Up</span>
                
                <div id="customFormWrapper">
                    <div style="position: relative;display:block;width:100%; height:600px;">
                        <div class="overlay-container" style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;cursor: pointer;">
                            <div class="overlay" style="text-align: center;margin: 0 auto;height: 150px;width: 250px;position: relative;left: 0;margin-top: -75px;top: 50%;border-radius: 70px;">
                                <span class="fa fa-spinner fa-spin" style="vertical-align: middle;position: absolute;left: 50%;margin: 0 auto;font-size: 50px;top: 50%;color: #333;margin-top: -25px;margin-left: -25px;"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <script>
                    $(document).ready(function(){
                        var script = document.createElement("script");
                        script.src = "https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js";
                        document.head.appendChild(script);
                        $("#customFormWrapper").load("https://bof9t2465b.execute-api.eu-west-1.amazonaws.com/Prod/form/get-form?key=1a450753-217c-4a3a-b599-75e8609bdace");
                    });
                </script>
            </div>
            <div class="col-xs-12 col-md-4 footer-col footer-column-3">
                <a class="footer-title" href="/terms-of-service">
                  Terms of Service
              	</a>
                <a class="footer-title" href="//content.storefront7.co.za/stores/za.co.storefront8.luro5t.brampton/files/Open-Connection-with-Backsberg-Competition-Terms-and-Conditions-kqwc.pdf">
                  Open Connection t&c's
              	</a>
              
              	<span class="footer-title">
                  Cellar & Viticulture: <br>
                  <a href="tel:0218762086">021 876 2086</a> extension 4 or email <a href="mailto:info@dgb.co.za">info@dgb.co.za</a>
              	</span>
              
              	<span class="footer-title">
                  Marketing & Online Sales: <br>
                  <a href="mailto:finewines@dgb.co.za">finewines@dgb.co.za</a>
              	</span>
              
              	<span class="footer-title">
                  International Sales: <br>
                  <a href="tel:0212710675">021 271 0675</a> or email <a href="mailto:info@dgb.co.za">info@dgb.co.za</a>
              	</span>
              
              	<span class="footer-title">
                  Wine tasting and Light lunch offering and Functions: <br>
                  <a href="tel:021872086">021 876 2086</a> extension 3 or email <a href="mailto:backsbergwine@dgb.co.za">backsbergwine@dgb.co.za</a>
              	</span>
            </div>

			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<div class="container">
			
<div class="col-xs-12 col-md-4 footer-bottom-col footer-bottom-column-1">
  <img src="//content.storefront7.co.za/stores/za.co.storefront8.luro5t.-backsberg/pictures/638622752919860698/aware-logo-new-300x160-(300x160).png" class="img-responsive aware-logo">
  <p>
	Copyright &copy; 2026 Backsberg | All rights reserved. Powered by: <a rel="noopener noreferrer" href="https://ordereazi.com" target="_blank">order eazi</a>
  </p>
</div>

<div class="col-xs-12 col-md-4 footer-bottom-col footer-bottom-column-2">
  <img src="//content.storefront7.co.za/stores/za.co.storefront8.luro5t.-backsberg/pictures/638622753358253220/bb-new-logo-footer-new-colour-01-(917x582).png" class="img-responsive">
</div>

<div class="col-xs-12 col-md-4 footer-bottom-col footer-bottom-column-3">
  <span class="footer-title">Follow us on social media</span>
  <ul class="footer-social">
    <li><a rel="noopener noreferrer" href="https://www.facebook.com/backsberg" target="_blank"><i class="fa fa-facebook"></i></a></li>
    <li><a rel="noopener noreferrer" href="https://www.instagram.com/backsberg" target="_blank"><i class="fa fa-instagram"></i></a></li>
    <li><a rel="noopener noreferrer" href="https://twitter.com/Backsberg" target="_blank"><i class="fa fa-twitter-x"></i></a></li>
  </ul>
</div>
		</div>
	</div>
</footer>
<!-- footer ends -->   
	<zone section="After Footer">
</zone>


	<!-- Modals -->
	<div class="modal fade" id="currency-selector" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i></button>
				<h4 class="modal-title">Choose your delivery country and preferred currency</h4>
			</div>
			<div class="modal-body">
				<div id="currency-form" class="form-horizontal">
					<div class="form-group">
						<label class="col-md-4 control-label">Delivery Country</label>
						<div class="col-md-8">
							<select id="Country" class="js-select-countries">
									<option value="ZAF" title="ZA" selected=&#x27;selected&#x27;>South Africa</option>
							</select>
						</div>
					</div>	
					<div class="form-group">
						<label class="col-md-4 control-label">Currency</label>
						<div class="col-md-8">
							<select id="Currency"class="js-select-with-search">
								<option value="ZAR" selected=&#x27;selected&#x27; >ZAR (R)</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-offset-4 col-md-4">
							<button type="button" data-loading-text='<i class="fa fa-circle-o-notch fa-spin"></i> Switching' class="btn">Continue</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	<link rel="stylesheet" href="/scss/branch-selector.css" />

<div id="branch-selector-overlay" class="branch-selector-overlay" aria-hidden="true"></div>
<div id="branch-selector-drawer" class="branch-selector-drawer" role="dialog" aria-labelledby="branch-selector-title" aria-modal="true">
	<div class="branch-selector-drawer-header">
		<h2 id="branch-selector-title" class="branch-selector-drawer-title">Select your branch</h2>
		<button type="button" class="branch-selector-close" id="branch-selector-close" aria-label="Close">&times;</button>
	</div>
	<div class="branch-selector-drawer-body">
		<p class="branch-selector-hint text-muted small">Stock and checkout will use this branch’s inventory. Your choice is saved.</p>
		<div id="branch-selector-geo" class="branch-selector-geo text-muted small" style="display: none;">
			<span id="branch-selector-geo-text"></span>
			<button type="button" class="btn btn-primary btn-sm" id="branch-selector-geo-try" style="display: none;">Use my location</button>
		</div>
		<div id="branch-selector-search-wrap" class="branch-selector-search" style="display: none;">
			<input type="search" class="form-control input-sm" id="branch-selector-search" placeholder="Search..." autocomplete="off" />
		</div>
		<div id="branch-selector-list" class="branch-selector-list">
			<span class="branch-selector-loading" id="branch-selector-loading">Loading…</span>
			<ul class="list-unstyled" id="branch-selector-ul" style="display: none;"></ul>
			<button type="button" class="btn btn-default btn-sm branch-selector-load-more" id="branch-selector-load-more" style="display: none;">Load more</button>
		</div>
		<button type="button" class="btn btn-default btn-sm" id="branch-selector-clear" style="display: none;">Clear branch</button>
	</div>
</div>

<div class="modal fade" id="add-wishlist-modal" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i></button>
                <h4 class="modal-title">Select or add a new wishlist</h4>
            </div>
            <div class="modal-body">
                <div class="form-horizontal">
                    <div class="form-group">
                        <label class="col-md-3 control-label">Name</label>
                        <div class="col-md-7" id="add-to-wishlist-list">
                            <select id="Wishlist" placeholder="Search" class="js-select-wishlist">
                                <option selected data-default="true" disabled="disabled">Select or add a new wishlist.</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <div class="popover-message">
                                <span class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Type a name and press 'Enter' to create a new wishlist."></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-offset-4 col-md-4">
                            <button type="button" class="btn" data-ajax-add="wishlist" data-loading-text='<i class="fa fa-circle-o-notch fa-spin"></i> Adding'>Add to wishlist</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="wishlist-notification" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-close"></i></button>
                <h4 class="modal-title">Add to Wishlist</h4>
            </div>
            <div class="modal-body">
                <div class="form-horizontal">
                    <div class="form-group">
                        <div class="col-md-12">
                            <span class="message"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-12">
                            <button type="button" class="btn pull-left" data-dismiss="modal">Continue shopping</button>
                            <a href="/account/wishlists" type="button" class="btn pull-right">Go to wishlist</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
	<!-- Scripts -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/1.7.4/jquery.dotdotdot.min.js" defer></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js" defer></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js" defer></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js" defer></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/codemirror.min.js" defer></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js" defer></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/5.5.2/bootbox.min.js" defer></script>
	<script src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.js" defer type="text/javascript"></script>

	<script src="//content.storefront7.co.za/common/scripts/jquery.notify.min.js" defer></script>
	<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.core.min.js?v=26060905" defer></script>
	<script src="//content.storefront7.co.za/common/scripts/Emmerce.min.js" defer></script>
	<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.pages.main.min.js?v=26060905" defer></script>
	<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.content.min.js?v=26060905" id="ContentEddietor" data-api-key="" defer></script>
	<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.ui.min.js?v=26060905" defer></script>
	<script src="https://resources.storefront7.co.za/release/V8.015.024/scripts/storefront.branch-selector.js?v=26060905" defer></script>

	<!-- PageScripts -->
	
    <script>
        $(function () {
            $('.blog-post-summary').dotdotdot({
                ellipsis: '...',
                wrap: 'word',
                height: 66,
                watch: true
            });
            $('[data-qs]').on('change', function () {
                Utils.Redirect($('.blog-post-contain'));
            });
        });
    </script>


	
		<script 
			 
			
			type="text/javascript"
			src="https://public-prod.dineplan.com/widget/dineplan.widget.min.js"
		defer></script>
		<script 
			 
			
			type="text/javascript"
			>
			$(function(){
  Dineplan.key = "nDH4rq95";
});
			</script>
		<script 
			 
			
			type="text/javascript"
			>
			//Variables
var header = $('.masthead').outerHeight();
var topBar = $('.top-bar').outerHeight();

function HeaderLayout(){
  $('.category-header h1').prependTo('.product-category-contain');

  $('.navbar-ctas').prepend('<button class="search-trigg"><div></div><span></span></button>');
  $('.mini-search').appendTo('.nav-contain > .container').wrap('<div class="search-target">');
  $('.predictive-search').appendTo('.search-target');


  $('.search-trigg').on('click', function () {
    $(this).toggleClass('active');
    $('.mini-search').slideToggle();
    setTimeout(function () {
      $('.mini-search input').focus();
    }, 400);
  });

  $('.mini-search input').focus(function () {
    $(this).parent().parent().addClass('focused');
  });

  $('.mini-search input').off('click', function () {
    $(this).parent().parent().removeClass('focused');
    $('.result-contain').css('display', 'none');
  });

  $('.mini-search input').blur(function () {
    $(this).val('');
    $(this).parent().parent().removeClass('focused');
  });
}

function NavSplit() {
  // Select all li elements inside the ul.navbar-nav
  var navItems = $('ul.navbar-nav > li');

  // Ensure exactly 4 items go to the left
  var splitIndex = 4;

  // Get the first 4 and the remaining
  var firstHalf = navItems.slice(0, splitIndex);
  var secondHalf = navItems.slice(splitIndex);

  // Create two new <ul> elements (to preserve proper list structure)
  var leftNav = $('<ul class="left-nav"></ul>');
  var rightNav = $('<ul class="right-nav"></ul>');
  var headerSocials = $('<ul class="header-social"></ul>');
  var getFooterSocials = $('.footer-social').html();

  // Append <li> elements to their respective <ul>s
  leftNav.append(firstHalf);
  rightNav.append(secondHalf);

  // Clear the original ul container
  $('ul.navbar-nav').empty();

  // Append the two new <ul>s and socials into the original navbar
  $('ul.navbar-nav').append(leftNav).append(rightNav).append(headerSocials);
  headerSocials.append(getFooterSocials);
}


function BuildMobileMenu(){

  var menuItems = $('.navbar-nav .left-nav, .navbar-nav .right-nav').children();
  var itemsToHtml = "";
  menuItems.each(function () {
    var item = $(this);
    var children = item.children('ul').children('li');
    var linkText = item.find('> a').text();
    var linkUrl = item.find('> a').attr('href');
    itemsToHtml += '<li><a class="nav-item" href="' + linkUrl + '">' + linkText + (children.length > 0 ? '<i class="fa fa-angle-right"></i>' : "") + '</a>';
    //Multi level
    if (children.length > 0) {
      itemsToHtml += '<ul class="level-2 menu">{#innerItems}</ul>';
      var childItemHtml = "";
      children.each(function () {
        var child = $(this);
        var childText = child.find('> a').text();
        var childLink = child.find('> a').attr('href');
        childItemHtml += '<li><a class="nav-item" href="' + childLink + '">' + childText + '</a></li>';
      });
      itemsToHtml = itemsToHtml.replace('{#innerItems}', childItemHtml);
    }
    itemsToHtml += '</li>';
  });

  $('.mobile-menu-contain .level-1.menu').empty().html(itemsToHtml);
}

function FilterBrowse(){
  // Get the current URL path
  var currentPath = window.location.pathname + window.location.search;

  $('.product-filter-contain .sidebar-ul.categories li a').each(function() {
    // Check if the href of the anchor matches the current path
    if ($(this).attr('href') === currentPath) {
      // Add the 'active' class to the parent list item
      $(this).parent().addClass('active');
    }
  });
}

$(window).on("load", function(){

  //Header
  HeaderLayout();

  //NavSplit
  NavSplit();

  //Browse Page active link
  FilterBrowse();

  setTimeout(function(){

    //MobileMenu
    BuildMobileMenu();
  }, 1000);
});
			</script>
		<script 
			 
			
			type="text/javascript"
			>
			$(document).ready(function () {
    CyberCellar.Initialise();
});

var CyberCellar = (function ($) {
    var _Initialise = function () {
        CyberCellar.LoadAgeCookie();
    };

    var _LoadAgeCookie = function () {
        var cookie = CyberCellar.GetAgeCookie();
        if (cookie == '1') {
            //save the cookie again
            CyberCellar.SetAgeCookie();
        }
        else {
            var modalHtml = '<div class="modal fade" id="AgeRestrictionModal" role="dialog" style="display: none;">' +
                '<div class="modal-dialog" role="document">' +
                '<div class="modal-content" style="text-align: center;">' +
                '<div class="modal-body">' +
                '<img class="img-responsive" src="//content.storefront7.co.za/stores/za.co.storefront8.luro5t.-backsberg/pictures/638628785349074127/asset-1age-popup-(319x258).png" alt="Backsberg" />' +
                '<h3 class="age-gate-heading age-gate-logo">To use this site you must be 18 years or older. By clicking yes, you accept the terms and conditions of this site.</h3>' +
                '<button type="button" class="btn btn-outline-yes" id="age-confirm">YES</button> ' +
                '<button type="button" class="btn btn-outline-no" id="age-decline">NO</button><br/>' +
                '<div style="margin-top:20px;"><p><input type="checkbox" id="age-remember" value="1" checked="checked" tabindex="1" /><label>Remember me</label></p></div>' +
                '</div>' +
                '</div>' +
                '</div>' +
                '</div>';

            $('body').append(modalHtml);

            $('#AgeRestrictionModal').modal({
                backdrop: 'static',
                keyboard: false
            });

            $('#AgeRestrictionModal').on('click', 'button', function () {
                if (this.id == "age-confirm") {
                    CyberCellar.SetAgeCookie();
                    $('#AgeRestrictionModal').modal('hide');
                }
                else if (this.id == "age-decline") {
                    window.location = "https://www.google.co.za";
                }
            });
        }

        return true;
    };

    var _SetAgeCookie = function () {
        var maxAge = 86400;//86400=24hours
        //If 'Remember me' is checked then this should be set to 365 days i.e. 365*86400
        if ($('#age-remember').is(':checked'))
            maxAge *= 365;

        document.cookie = "cc:age-gate=1; samesite=Strict; secure; path=/;max-age=" + maxAge + ";";

        return true;
    };

    var _GetAgeCookie = function () {
        var cookieName = 'cc:age-gate';

        // Split cookie string and get all individual name=value pairs in an array
        var cookieArr = document.cookie.split(";");

        // Loop through the array elements
        for (var i = 0; i < cookieArr.length; i++) {
            var cookiePair = cookieArr[i].split("=");

            /* Removing whitespace at the beginning of the cookie name and compare it with the given string */
            if (cookieName == cookiePair[0].trim()) {
                // Decode the cookie value and return
                return cookiePair[1];
            }
        }

        // Return empty string if not found
        return '';
    };

    return {
        Initialise: _Initialise,
        LoadAgeCookie: _LoadAgeCookie,
        SetAgeCookie: _SetAgeCookie,
        GetAgeCookie: _GetAgeCookie
    };
})(jQuery);
			</script>
		<script 
			 
			
			type="text/javascript"
			>
			document.addEventListener("DOMContentLoaded", function() {
  document.querySelectorAll('.sidebar-ul.categories li a').forEach(function(link) {
    if (link.href.includes("/products/browse?categoryids=111") || link.href.includes("/dgb-corporate-catalogue") || link.href.includes("/brands/backsberg?categoryids=111") || link.href.includes("/products/browse?categoryids=4") || link.href.includes("/white-wine") || link.href.includes("/brands/backsberg?categoryids=4") || link.href.includes("/products/browse?categoryids=5") || link.href.includes("/red-wine") || link.href.includes("brands/backsberg?categoryids=5")) {
      link.closest("li").style.display = "none";
    }
  });
});
			</script>
		<script 
			 
			
			type="text/javascript"
			>
			(function ($) {
    'use strict';

    if (window.location.href.indexOf('/checkout/details') === -1) return;

    function injectWarehouseField() {
        var $form = $('form[action="/createorder"]');
        if (!$form.length) return;
        if ($form.find('#SpecialInstructions').length) return;

        observer.disconnect();

        $('<input>', {
            type: 'hidden',
            id: 'SpecialInstructions',
            name: 'SpecialInstructions',
            value: 'Online'
        }).appendTo($form);
    }

    var observer = new MutationObserver(function () {
        injectWarehouseField();
    });

    observer.observe(document.body, { childList: true, subtree: true });

})(jQuery);
			</script>


	<!-- Lazy Load Images -->
	<script>
		$(window).on("load", function () {
			lazyload();
			ProductSEO.Init();
		});
	</script>


</body>
</html>
