@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
:root{
    --link-text: #8f8f8f;
}

body {
    font-family: 'Helvetica Neue', 'Lato', 'Arial', sans-serif !important;
    overflow-x: hidden;
    background: #f6f6f6;
    font-size: 14px !important;
	min-width: 330px;
}
body p {
	margin-bottom:0;
}
button:hover, button:focus {
	outline: 0 !important;
}
a[href] {
    color: inherit;
    text-decoration: none;
}

.modal {
	z-index:99999;
}
body.ffg-info-open{
  overflow: hidden;
}
.themecolor h4{
    color: var(--ffg-primary) !important;
}
pre{
    max-height: 300px;
    overflow-y: scroll;
    border: solid 2px #ccc;
    padding: 0 10px;
    max-width: 450px;
    min-width: 200px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
  display:none !important;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.static-top .custom-logo {
    height: 80px;
    width: auto;
    padding: 10px 0 10px 20px;
}
button:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
}
.col-md-3, .col-md-2, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10 {
          float: left;
        }

ul.navbar-nav.ml-auto li {
    padding: 0px 15px;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
}
.container-full-width.hero-sec {    
    background-size:cover;
	background-position: center center;
	height: 280px;
}
.overlay-hero {
    background: rgba(0,0,0,0.1);
    width: 100%;
	padding:20px;
	height:280px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.page-template-default .overlay-hero {
	min-height: 160px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.overlay-hero .custom-logo-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}
.overlay-hero .custom-logo {
    display: block;
    max-width: var(--ffg-hero-logo-width, 230px);
    width: auto;
    height: auto;
}
.overlay-hero .page-title {
	color: #fdfdfd;
}
@media (max-width: 767px) {
    .overlay-hero .custom-logo {
        max-width: calc(var(--ffg-hero-logo-width) * 0.9);
    }
}

/* ============================
   HEADER INFO BAR
============================ */

.ffg-header-info {
	padding: 25px 0 15px;
}
.ffg-header-info .wrapper{
    display: flex;
    justify-content: space-between;
}
.ffg-header-info .bizname {
	font-size: 26px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--fg-text);
	width: stretch;
}
.ffg-header-info .subname {
	display: inline-flex;
	gap: 12px;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}
.ffg-header-info .bizrating {
	font-size: 16px;
	font-weight: 400;
	color: var(--fg-text-muted);
	padding-top: 10px;
}
.ffg-header-info .bizrating .star:before {
    content: '\f005';
    font-family: 'Font Awesome 7 Pro';
    font-weight: 600;
    font-size: 14px;
    color: #f06d23;
}
.ffg-header-info .bizrating .rcount {
	font-size:14px;
}
.ffg-header-info .location, .ffg-header-info .ffg-delivery-only {
	font-size: 14px;
	font-weight: 400;
	color: var(--fg-text-muted);
	padding-top: 10px;
}
.ffg-header-info .location .marker:before {
    content: '\f3c5';
    font-family: 'Font Awesome 7 Pro';
    font-weight: 400;
    font-size: 14px;
	padding-right:5px;
    color: var(--fg-text-muted);
}
.ffg-header-info .ffg-delivery-only {
	display: flex;
	gap:10px;
	align-items: center;
}
.ffg-header-info .ffg-delivery-only .deliveryline span {
	font-size: 14px;
	font-weight: 400;
	color: var(--fg-text-muted);
}
.ffg-header-info .titlewraps {
	display: flex;
	align-items: flex-start;
	width: 100%;
	justify-content: space-between;
}
.ffg-header-info .infocol {
	width: 100%;
}
.ffg-header-info .iconcol {
	margin-top: 0;
}

a.allergen-button {
	font-size: 14px;
	font-weight: 400;
    background: var(--fg-surface-2);
    padding: 2px 9px 2px 7px;
    color: var(--fg-text-muted);
    text-align: left;
    border-radius: 25px;
	border: 1px solid var(--fg-border);
    text-decoration: none;
	display: flex;
    align-items: center;
}
a.allergen-button:hover {
	background: var(--fg-surface);
	color: var(--fg-text-muted);
}
.allergen-button .infoicon:before {
	content: '\f05a';
    font-family: 'Font Awesome 7 Pro';
    font-weight: 400;
    font-size: 14px;
	padding-right:5px;
    color: #f06d23;
}
.ffg-header-info .brand{
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:flex-start;
}
.ffg-header-info .brand .all-btn{
    display:flex;
    margin-top:6px;
	width: max-content;
}
.ffg-shop-status-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:5px 9px;
    border-radius:25px;
    font-size:14px;
    font-weight:500;
    line-height:1;
    background:rgba(127,127,127,0.18);
    color:var(--fg-text-muted);
    border:1px solid rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.ffg-shop-status-pill__dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:currentColor;
    opacity:.9;
    flex:0 0 auto;
}
.ffg-shop-status-pill.is-open{
    background:rgba(34,197,94,0.18);
    color:#22c55e;
}
.ffg-shop-status-pill.is-open .ffg-shop-status-pill__dot {
	width: 10px;
    height: 10px;
	background: rgba(34, 198, 96, 1);
	box-shadow: 0 0 0 0 rgba(34, 198, 96, 1);
	animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
	0% {
		transform: scale(0.55);
		box-shadow: 0 0 0 0 rgba(34, 198, 96, 0.7);
	}
	
	70% {
		transform: scale(0.85);
		box-shadow: 0 0 0 10px rgba(34, 198, 96, 0);
	}
	
	100% {
		transform: scale(0.55);
		box-shadow: 0 0 0 0 rgba(34, 198, 96, 0);
	}
}

.ffg-shop-status-pill.is-closed{
    background:rgba(239,68,68,0.18);
    color:#ef4444;
}
.ffg-shop-status-pill.is-preorder{
    background:rgba(249,115,22,0.18);
    color:#f97316;
}

.nav-side-menu .toggle-btn {
  display: none;
}

@media (max-width: 992px) {
	.ffg-shop-status-pill{
		gap:5px;
		padding:4px 7px;
		font-size:13px;
	}
	a.allergen-button {
    font-size: 0;
    padding: 2px 0 2px 5px;
	}
	.allergen-button .infoicon:before {
		font-size: 13px;
	}
	.ffg-header-info .brand {
		gap:6px;
	}
}




/* ============================
   CATEGORY BAR
============================ */

.ffg-header-bottom{
    position:sticky;
    top:0;
    z-index:10;
	background: var(--fg-bg);
	padding-top: 14px;
	padding-bottom: 14px;
}

/* Ensure category menu is visible on mobile too */
.ffg-category-menu{
    display:flex;
	align-items:center;
}

/* Arrow controls */
.ffg-category-arrows{
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 10px 0 10px 12px;
    position: relative;
}
.ffg-cat-arrow{
    border:0;
    background:transparent;
	width:35px;
	height:35px;
	border-radius: 25px;
    background: var(--fg-surface-2);
    cursor:pointer;
    transition: 0.1s ease-in;
}
.ffg-cat-arrow:hover {
	background: var(--fg-surface-3);
}
.ffg-cat-arrow:focus {
	outline: 0 !important;
}
button.ffg-cat-arrow.left::before {
    content: '\f053';
    font-family: 'Font Awesome 7 Pro';
    font-size: 20px;
    padding: 8px 12px;
    outline: 0 !important;
    position: relative;
    left: -6px;
    color: var(--fg-text-muted);
}
button.ffg-cat-arrow.right::before {
    content: '\f054';
    font-family: 'Font Awesome 7 Pro';
    font-size: 20px;
    padding: 8px 12px;
    outline: 0 !important;
    position: relative;
    left: -6px;
    color: var(--fg-text-muted);
}

.ffg-header-bottom.is-stuck {
	background: var(--fg-header-bg);
	border-bottom:1px solid var(--fg-border);
	box-shadow:var(--fg-shadow);
}
.ffg-header-bottom.is-stuck .ffg-category-arrows {
	background: var(--fg-header-bg);
}

h3.mt-4 {
    margin-bottom: 15px;
}
.page-template-default .header-bottom {
	display:none;
}
.header-bottom {
    font-size: 13px;
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 14px 0px;
	border-bottom: 1px solid #dbd9d7;
}
.header-bottom .container {
	display: flex;
	align-items: center;
}
.header-bottom p{
  margin-bottom:0px;
  text-align:center;
}
.shoptime {
	display:flex;
	align-items: center;
}
a.open {
    background: var(--ffg-secondary);
    color: #fff;
    padding: 5px 6px;
    border-radius: 5px;
    font-size: 14px;
    margin-right: 5px;
	text-decoration:none;
	cursor:text;
}
a.open:hover {
    color: #fff;
}
p.left-text {
    text-align: left;
    font-size: 12px;
    line-height: 15px;
}
p.middle-text {
	font-size:18px;
	color: var(--ffg-primary);
	font-weight: 500;
}
.text-primary{
	color: var(--ffg-primary) !important;
}
.mid-heading-description p {
    font-size: 14px;
    color: #212529;
	padding-bottom: 10px;
	padding-left: 5px;
}
.scroll-bar {
    max-height: 458px;
    height: auto;
    overflow-y: scroll;
    scrollbar-width: thin;          /* "auto" or "thin" */
    scrollbar-color: var(--ffg-primary) #fff;
}
.dropdown1 .scroll-bar{
	width: 100% !important;
}

/* ============================
    PRODUCT/ ORDERING LIST 
============================ */

.ffg-ordering .wrapper {
	padding-bottom: 70px;
}

.product-info-text{
    padding: 0 5px;
}

.product-img {
    width: 80px;
	height: 80px;
    margin-right: 10px;
}
.product-img img{
    width: 80px;
    max-height: 80px;
    object-fit: cover;
	border-radius: 10px;
}

.cart-item {
    width: 25%;
    float: right;
    padding-left: 16px;
}
.product-price {
    float: left;
    margin-right: 20px;
}
.product-price h6 {
	margin-bottom:0 !important;
}
.product-cart {
    float: left;
    margin-left: 25px;
}
span.required-msg, span.ops, span.optional-msg {
    font-size: 12px;
    font-weight: 400;
    color: var(--ffg-primary);
}
.pop-up-content-wrap select {
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid;
	background-color: var(--fg-surface);
	border-color: var(--fg-border);
	border-radius: var(--fg-radius);
    min-height: 35px;
	padding: 5px;
	font-size:14px;
}
.pop-up-content-wrap p {margin-bottom:0;}

.addon-item.checkbox, .addon-item.checkbox.depended, .addon-item.multiple_choice.radiobutton.depended {
	margin-top:10px;
}
.add_to_cart_form .product-info img{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding:0;
	border-radius: 20px;
}
.add_to_cart_form .product-addons .addon-item.hide{
    display: none;
}
.pop-up-content-wrap select.required {
    border: 2px solid rgb(190, 5, 5)
}
.pop-up-content-wrap .addon-item.required select {
    border: 2px solid rgb(190, 5, 5)
}
.pop-up-content-wrap .addon-item.radiobutton.required {
    border: 2px solid rgb(190, 5, 5)
}

.pop-up-content-wrap select:focus {
    outline-color: #5da907 !important;
}
#first_sidebar{
	z-index: 1;
}
.product-addons h6, .product-variations h6 {
	padding: 10px 15px; 
	background-color: var(--fg-surface-3);
	margin-bottom:2px;
	margin-top:15px;
	border-radius: 25px;
} 

label.radiobutton-label, label.checkbox-label {padding:9px !important; font-size:14px;}
label.radiobutton-label .left-items, label.checkbox-label .left-items {
    padding: 0 5px 0 20px;
}
label.radiobutton-label input, label.checkbox-label input {
	position: absolute; 
	left: 10px; 
	visibility:hidden;
}

label.radiobutton-label input:before, label.checkbox-label input:before {position: absolute; content: ''; left: -1px; top: -1px; width: 19px; height: 19px; border-radius: 50%; border: 1px solid #9b9b9b; background-color: var(--fg-surface); transition: all 0.3s ease-in-out; visibility:visible;}

label.radiobutton-label input:after, label.checkbox-label input:after {position: absolute; content: ''; left: 4px; top: 4px; width: 9px; height: 9px; border-radius: 50%; background-color: var(--ffg-primary); transition: all 0.3s ease-in-out; transform: scale(0); visibility:visible;}

label.radiobutton-label input:checked:before, label.checkbox-label input:checked:before {border: 1px solid var(--ffg-primary);}

label.radiobutton-label input:checked:after, label.checkbox-label input:checked:after {transform: scale(1);}

input[type=checkbox], input[type=radio] {
  -moz-appearance:initial;
}
input[type=number] {
  -moz-appearance: textfield;
}
@supports (-moz-appearance:none) {
	label.radiobutton-label input::after, label.checkbox-label input::after {top:6px;}
	label.radiobutton-label input::before, label.checkbox-label input::before {top:1px;}
}

/* iOS Styling for inputs */
@supports (-webkit-touch-callout: none) {
	.pop-up-content-wrap select {
		border: 1px solid var(--fg-border);
		border-radius: 8px;
		font-size:17px;
		color: var(--fg-text);
		outline:none !important;
	}
}
@supports not (-webkit-touch-callout: none) {
  .pop-up-content-wrap select {
	    background-color: var(--fg-surface);
        border-color: var(--fg-border);
        border-radius: var(--fg-radius);
	}
}


/* Works on Firefox */
* {
  scrollbar-color: var(--ffg-primary) #fff;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--ffg-primary);
  border-radius: 20px;
  border: 3px solid #fff;
}

.header-bottom.header_stickey {
    position: fixed;
    top: 0px;
    float: left;
    width: 100%;
    left: 0;
    z-index:99;
    transition: background 600ms ease, color 600ms ease;
}
.onlymobile{
    display:none;
}
.onlydesktop{
    display:block;
}

.popup-overlay-header {
    background: #ffffff;
    border: solid 2px #ddd;
    position: absolute;
    height: auto;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 245px;
    left: 0;
    right: 0;
    padding: 7px;
    width: 100%;
    text-align: left;
    visibility: hidden;
    z-index: 1;
}
 

.opening-calendar:hover .popup-overlay-header,
.popup-overlay.active {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
}

.popup-overlay {
    visibility: hidden;
    position: absolute;
    background: #ffffff;
    width: 100%;
    height: auto;
    top: 0;
    left: 96%;
    z-index: 1;
    padding:7px;
    text-align: left;
}
.left-sidebar .popup-overlay{
	z-index: 2;
}
.popup-content h4 {
    font-size: 17px;
    color: #fca32a;
    border-bottom: 1px solid;
    padding-bottom: 8px;
}
.popup-content p {
    font-size: 12px;
}

.modal-body h4 {
    font-size: 17px;
    color: #fca32a;
    border-bottom: 1px solid;
    padding-bottom: 8px;
}
.popup-content-header p {
    font-size: 12px;
	text-align: left;
    padding: 5px;
}
.modal-body p span {
    float: right;
}
.infopopup {
	color: var(--ffg-primary);
    padding-bottom: 8px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 12px;
}
.woocommerce-message {
    display: block;
}

/************************************************************MAin COntent Css Start ***********************************************/

span.all-btn {
    float: right;
}

ul#menu-content {
    border-left: 0px solid var(--ffg-primary);
}

.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 10px 0;
  margin: 0px;
  cursor: pointer;
  width: max-content;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome, "Font Awesome 5 Pro";
  content: "\f078";
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.privacy-policy .woocommerce-error, 
.privacy-policy .woocommerce-info, 
.privacy-policy .woocommerce-message{
    display: block;
}

.apper {
    width: 100%;
    padding: 15px 0;
}
.mid-heading {
	padding:0 5px;
	width: 90%;
}
.mid-heading h4 {
    color: var(--fg-text);
    padding: 14px 0 0;
    border-radius: 7px;
    margin: 0;
    font-size: 22px;
	line-height: 26px;
	font-weight: 500;
}
.mid-heading p {
	padding-top:10px;
	color: var(--fg-text-muted);
}
.product-img.col-md-3.col-sm-3.col-xs-3 img {
    width: 100%;
    float: left;
    height: 90px;
    max-height:100%;
}

.product-img.col-md-3.col-sm-3.col-xs-3 {
    padding: 0;
}
p.description {
    font-size: 12px;
    margin: 0;
}
.product-price p {
    margin: 0 !important;
	margin-right: 20px;
}
.product-sec {
    display: flex;
    align-items: center;
	width: 100%;
	padding: 14px;
    min-height: 100px;
	border: 1px solid var(--fg-border);
	border-radius: var(--fg-radius);
	background: var(--fg-surface);
	color: var(--fg-text);
	box-shadow: var(--fg-shadow);
	margin-bottom: 15px;
	transition: 0.18s ease-in-out;
}
.product-sec:hover {
    box-shadow: var(--fg-shadow-hover);
}
.product-title h5 {
    font-size: 16px !important;
    margin-bottom: 3px;
    font-weight: 500;
}
.product-title p {
	margin: 5px 0 0;
    font-size: 13px;
    line-height: 17px;
	color: var(--fg-text-muted);
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.product-with-img{
    width: calc(100% - 130px);
	display:flex;
    align-items: center;
}
.product-without-img{
    width: calc(100% - 130px);
}
.product-sec .cart-item{
    width: 130px;
    display: flex;
    justify-content: flex-end;
	align-items: center;
}
h5.product-title {
    font-size: 14px;
}
.product-title span {
    font-size: inherit;
    font-weight: 500;
    color: var(--ffg-primary);
}
li.pro-img img {
    width: 100%;
}
ul.product-secti li {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}
li.pro-title {
    width: 27% !important;
}
li.product-price {
    width: 18% !important;
}
li.product-price {
    width: 18% !important;
}
li.pro-img {
    width: 27% !important;
}
ul.product-secti {
    padding: 0;
    margin: 0;
    list-style: none;
}
utton.cart-btn {
    background: red;
    width: 100%;
    border: navajowhite;
    padding: 8px;
    border-radius: 7px;
    color: #fff;
    font-size: 20px;
}
.pop-up-content-wrap .row {	
    padding: 0;	
    display: flex;	
    justify-content: space-between;
	overflow-y:scroll;
}

.value-button {
    display: inline-block;
    border: 1px solid var(--fg-surface-3);
    margin: 0px;
    border-radius: 50px !important;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: top;
    padding: 11px 0;
    background: var(--fg-surface-3);
    line-height: 12px;
    user-select: none;
    color: var(--fg-text);
    font-size: 18px;
}

.value-button:hover {
  cursor: pointer;
}
.value-button:focus-visible{
	outline:var(--fg-surface-3);
}
form #decrease {
  margin-right: -4px;
  border-radius: 8px 0 0 8px;
}

form #increase {
  margin-left: -4px;
  border-radius: 0 8px 8px 0;
}

form #input-wrap {
  margin: 0px;
  padding: 0px;
}

input.qnty {
  text-align: center;
  border: none;
  margin: 0px;
  width: 40px;
  height: 35px;
  color: var(--fg-text);
  font-size: 16px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

span.cart-icon {
    position: absolute;
    right: 68px;
    top: 18px;
}
.cart {
    padding:35px 15px 10px;
    width: 100%;
	display: flex;
	justify-content:center;
	margin-top:0;
	margin-bottom: 0;
}
.cart-topbar {
	padding:0 20px;
}
.right-sidebar .cart h5 {
	margin-left:-40px;
}
.cart h5 {
	font-size: 24px;
	line-height: 24px;
    font-weight: 400;
    color: var(--fg-text);
}
.cart i.glow-gif{
    background: url(../img/glow.gif) !important;
    background-position: center !important;
    background-size: cover !important;
}
#last_sidebar.ffg-basket {
	box-shadow: var(--fg-shadow);
}

.tab {
    width: 100%;
	max-width: 400px;
    margin-top: 20px;
    background:var(--fg-surface-2);
    padding: 1px;
    border-radius: 28px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
button.tablinks.active {
    background: #fca32a !important;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;    
    -webkit-transition: background 1000ms linear;
    -ms-transition: background 1000ms linear;
    transition: background 1000ms linear;
}
button.tablinks {
    border: none;
    background:none;
    color: #fff;
    font-size: 13px;
    padding: 7px 10px;  
}
/*-- Collection Only Styles --*/
.tab.nodel {
	max-width: 240px;
}
.nodel.cart-modal-tab .btn-right {
	width:100%;
	margin-left: 0px;
	background:transparent;
	flex-direction: row-reverse;
}
.nodel.cart-modal-tab .btn-right .flex-column {
	flex-direction:row !important;
	align-items: center;
	padding:3px 0 5px;	
}
.tab.nodel.cart-modal-tab .btn-right .title {
	font-size: 16px;
    padding-right: 5px;
	font-weight: 500;
}
.tab.nodel.cart-modal-tab .btn-right .title:after {
    content: '|';
    padding-left: 7px;
    font-weight: 300;
    color: #ccc;
}
.tab.nodel.cart-modal-tab .btn-right .time {
	font-size: 13px;
    font-weight: 400;
	margin-top:2px;
}
/*-- END Collection Only Styles --*/

/*-- Delivery Only Styles --*/
.tab.nocol {
	max-width: 240px;
}
.nocol.cart-modal-tab .btn-left {
	width:100%;
	margin-left: 0px;
	background:transparent;
	flex-direction: row-reverse;
}
.nocol.cart-modal-tab .btn-left .flex-column {
	flex-direction:row !important;
	align-items: center;
	padding:3px 0 5px;	
}
.tab.nocol.cart-modal-tab .btn-left .title {
	font-size: 16px;
    padding-right: 5px;
	padding-left: 0;
	font-weight: 500;
}
.tab.nocol.cart-modal-tab .btn-left .title:after {
    content: '|';
    padding-left: 7px;
    font-weight: 300;
    color: #ccc;
}
.tab.nocol.cart-modal-tab .btn-left .time {
	font-size: 13px;
    font-weight: 400;
	margin-top:2px;
}
/*-- END Delivery Only Styles --*/


/*-- Add Special Instructions --*/

	.add-special.comopen .container label:after {
		content: '\f068';
	}
	.add-special {
	border-top: 1px solid;
	border-color: var(--fg-border);
	padding: 14px 0;
	margin: 0;
	}
	.add-special .addsp {
		padding:0;
	}
	.add-special label {
		font-size: 14px;
		word-spacing: 0px;
		color: var(--fg-text-muted);
		margin-bottom: 0;
	}
	.add-special ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: var(--fg-text-muted);
		font-size:12px;
	}
	textarea#order_comments {
		border: none;
	}
	textarea#order_comments:focus-visible {
		outline: transparent !important;
	}
	.add-special textarea{
		width: 100%;
		resize: none;
	}

	.add-special textarea#order_comments {
		position: fixed;
		z-index: -1;
		transform: translateY(-80px);
		transition: 0.4 ease;
		opacity:0;
	}
	.add-special.comopen textarea#order_comments {
		position: relative;
		z-index: 0;
		transform: translateY(-0px);
		margin-top: 14px;
		opacity:1;
	}
	.add-special label::after {
		content: '\f044';
		font-family: FontAwesome, "Font Awesome 7 Pro";
		color: var(--fg-text-muted);
		font-size: 18px;
		font-weight: 300;
	}
	.add-special.comopen label::after {
		content: '\f068';
		}
	.add-special label {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}



/*-- END of Add Special Instructions --*/	

.ordersproducts {
	max-height: calc(74vh - 120px);
	overflow-y: scroll;
	padding: 10px 20px;
	min-height: 120px;
}
#ffg-delivery-minimum-notice{
	padding: 10px 20px 0;
}
#ffg-delivery-minimum-notice{
	padding: 10px 20px 0;
}
.ffg-delivery-minimum-notice{
	background: rgba(255, 82, 120, 0.12);
	border: 1px solid rgba(255, 82, 120, 0.22);
	color: var(--fg-text);
	border-radius: var(--fg-radius);
	padding: 10px 14px 11px;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	font-weight: 500;
	width: 100%;
	max-width: 400px;
	opacity: 0;
	transform: translateY(-8px);
	max-height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
	border-width: 0;
	margin: 0;
	transition: opacity 1.0s ease, transform 1.0s ease, max-height 1.0s ease, padding 1.0s ease, margin 1.0s ease, border-width 1.0s ease;
}
.ffg-delivery-minimum-notice.is-visible{
	opacity: 1;
	transform: translateY(0);
	max-height: 80px;
	padding: 10px 14px 11px;
	border-width: 1px;
	margin: 0 auto;
}
.summary {
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
}
.summary .product-title {
    font-size: 14px;
    color:var(--fg-text);
}
.summary .product-title span {
	font-size:11px;
}
.summary .product-title .variation, .main-cart-item .product-title > dl {
	margin-bottom:0;
}
.main-cart-item{
	animation: ffgBasketItemIn .22s ease;
}

.main-cart-item .product-title > dl > dd {
	margin-bottom:0 !important;
	padding-left:0;
	font-size: 13px;
	color:var(--fg-text-muted);
	font-weight:400;
}
.summary .product-title .variation p{
	font-size: 14px;
	margin: 0;
	color:var(--fg-text-muted);
}
.summary p.product-value {
    font-size: 12px;
    margin: 0;
    padding: 0 0px 0px 20px;
    color:var(--fg-text-muted);
}
.summary p.product-value i {
    float: inherit;
    font-size: 14px;
    color:var(--fg-text-muted);
}
.summary span.product-quality {
    color: var(--ffg-secondary);
}
.summary-subtotal.main-cart-item {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}
.summary-subtotal.main-cart-item .product-title {
    flex:1 1 auto;
    min-width:0;
}
.summary-subtotal.main-cart-item .basket-price {
    width:auto;
    min-width:100px;
    float:none;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    text-align:right;
    color:var(--fg-text);
    font-size:14px;
    font-weight:600;
    gap:12px;
}
.summary-subtotal.main-cart-item .basket-line-price {
    line-height:1;
}
.summary-subtotal.main-cart-item .basket-qty-control {
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--fg-surface-2);
    border-radius:50px;
    padding:0;
}
button.basket-qty-btn.qty-plus:before {
    content: '\2b';
    font-family: 'Font Awesome 7 Pro';
    font-weight: 600;
    font-size: 13px;
}
button.basket-qty-btn.qty-minus:before {
    content: '\f068';
    font-family: 'Font Awesome 7 Pro';
    font-size: 14px;
    font-weight: 600;
}
.summary-subtotal.main-cart-item .basket-qty-btn {
    background: transparent;
	border: 0;
    color: var(--ffg-secondary);
    padding: 8px;
    width: 32px;
    height: 32px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
button.basket-qty-btn:focus-visible,
button.basket-qty-btn:focus,
button.basket-qty-btn:hover {
	outline: none !important;
}
.summary-subtotal.main-cart-item .basket-qty-btn:disabled {
    opacity:0.5;
}
.summary-subtotal.main-cart-item .basket-qty-value {
    min-width:14px;
    text-align:center;
    font-size:14px;
    font-weight:500;
}
.summary div.price-value {
    width:30%;
    float: right;
    text-align: right;
    color:var(--fg-text);
    font-size: 14px;
    font-weight: 600;
}
.summary-subtotal.main-cart-item .price-value {
    width:auto;
}
.term-condin {
    padding: 10px 0 0;
}
.your-order {
    width: 100%;
    float: left;
    border-bottom: 1px solid #000;
}
.summary-subtotal, .summary-shipping, .summary-total {
    clear: both;
    margin: 1px 0;
    overflow: hidden;
    padding: 10px 0;
}
.subtotal-title, .delivery-title, .subtotal-value, .total-title, .promo-title, .promo-value {
    color: #111;
    float: left;
    width: 70%;
    text-align: right;
    padding: 0;
}
div.subtotal-value {
    width: 30%;
    float: left;
}
.subtotal-title {
    font-size: 14px;
    max-width: calc(100% - 90px);
    text-align: left;
}
.delivery-title {
    font-size: 12px;
	width: 50%;
    color: var(--fg-text);
    text-align: left;
	font-weight: 400;
}
.delivery-value {
    font-size: 12px;
    color: var(--fg-text-muted);
    text-align:right;
	font-weight: 300;
}
.subtotal .summary-subtotal {display:none;}

.subtotal .summary-total {
	display:flex;
	align-items: flex-end;
	padding:0 0 20px;
}
.total-value {
    width: 30%;
    min-width: 90px;
    float: left;
    font-weight: 700;
    font-size: 20px;
	color: var(--ffg-primary);
}
.total-title {
    font-weight: bold;
    font-size: 20px;
    text-align: left;
}

.subtotal-value, .shipping-value,
.total-value {
  text-align: right;
}

.total-title {
	max-width: calc(100% - 90px);
	font-weight: 500;
	text-align: left;
	color: var(--fg-text);
}
.woocommerce-Price-amount.amount {
	font-weight: 400;
}
.main-cart-item .product-title b {
	font-weight: 400;
}
.summary-checkout {
  display: block;
}


.subtotal {
    padding: 0px 20px 16px;
}
.summary-checkout {
    width: 100%;
    float: left;
    padding: 5px 0 14px;
    border: none !important;
}
button.checkout-cta {
    border: none;
    font-size: 16px;
    background: var(--ffg-secondary);
    padding: 12px 10px;
    color: #fff;
    border-radius: 25px;
    width: 100%;
    display:block;
}

button.checkout-cta:hover{
    color: #fff;
	opacity:0.8;
	border-radius: 25px;
}
button.grayedout {
	background: var(--fg-surface-2);
	border-radius: 25px;
}

.no-item-list{
    font-size: 22px;
	font-weight:500;
	text-align:center;
    color: var(--fg-surface-2);
	padding-top: 10px;
}
.no-item-list::before{
	content:'\e3f4';
	font-family: 'Font Awesome 7 Pro';
	font-size: 80px;
    position: relative;
    display: block;
    padding-top: 35px;
}


/************************************************************Main Content CSS End *************************************************/


footer.footer {
    width: 100%;
    float: left;
    background: #262627;
}
.footeroverlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
footer .container {
	padding: 65px 15px;
}
.standard-footer {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.standard-footer .stripecol {
	max-width: 230px;
	margin-bottom: 70px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.standard-footer .stripecol img.pstripe{
    max-width: 170px;
}
.standard-footer .foodgeeks {
	max-width: 150px;
}
.copyright {background: #161616;}
.copyright .container {padding: 20px 10px;}
.copyright p {
	margin:0; 
    font-family: 'Helvetica Neue', sans-serif;
	text-align: center;
	font-size:13px;
}
h5.headin5_amrc.col_white_amrc.pt2 {
    color: #fff;
}
.pt2 { 
padding-top:20px ; 
margin-bottom:20px ;
}
img.footer-logo {
    padding: 20px 0 8px 0;
}
.mb10 {
    padding-bottom:15px;
}
.fm .menu { margin:0px ;
 list-style-type:none ;
 font-size:14px;
 padding:0px 0px 10px 0px ; 
 }
.fm .menu li 
{
    padding:0px 0px 5px 0px;
    }
.fm .menu li a
{ 
color:#CCC;
}
.fm .menu li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
    list-style-type:none;
    padding:0px;
    display:table;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul {
    display: table;
    margin: 15px auto 0 auto;
    list-style-type: none;
    padding: 0;
}
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    float:left;
}

.Click-here {
    cursor: pointer;
    color: var(--ffg-secondary);
    text-align: center;
    font-size: 27px;
	line-height: 27px;
    margin: 0 auto;
    transition: background-image 3s ease-in-out;
}

.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}
.mobile_custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}


.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 400px;
  margin: 30px auto;
  max-width: 97%;
}
.custom-model-wrap {
    display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 27px 20px;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
    overflow-y: auto;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 10px;
  top: -5px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #000;
}
button.cart-btn {
    border: none;
    width: 100%;
    background: var(--ffg-secondary);
    color: #ffffff;
	font-size:16px;
    padding: 10px 0;
    border-radius: 25px;
    margin-bottom: 15px;
}
button.cart-btn:hover {
	opacity:0.8;
}
.custom-model-main:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: -0px;
    height: 100%;
}
.mobile_custom-model-main:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: -0px;
    height: 100%;
}

/** ----------------------- css style ------------------------*********/

body.woocommerce-lost-password .header-bottom, 
body.woocommerce-lost-password .left-sidebar,
body.woocommerce-lost-password .navbar-toggler {
	display:none;
}
body.woocommerce-cart.woocommerce-page section.main-content .col-md-3 {
    display: none !important;
}
body.woocommerce-checkout.woocommerce-page section.main-content .col-md-3 {
    display: none !important;
}
body.woocommerce-checkout.woocommerce-page section.main-content .col-md-9 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100% !important;
}
body.woocommerce-checkout .product-name > dl > dd{
    padding-left: 20px;
    margin-bottom:0;
}
body.woocommerce-checkout .product-name > dl {
margin-bottom:0;
}
body.woocommerce-cart.woocommerce-page section.main-content .col-md-9 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100% !important;
}
.woocommerce-cart .apper {
    background: #ffffff00 !important;
}
.woocommerce-cart tr:nth-child(even) {
  background-color: #f7f7f7;
}
.woocommerce-cart td.product-name {
    font-size: 16px;
}
.woocommerce-cart th {
    vertical-align: middle !important;
    border: none !important;
}
.woocommerce-cart .wc-proceed-to-checkout a {
    background: #b50e1a !important;
    font-size: 15px !important;
    padding: 21px !important;
    font-weight: 300 !important;
}
.woocommerce-cart h1.entry-title {
    padding-bottom: 30px;
}

.woocommerce-cart td.product-name a {
    color: #b50e1a;
}
.woocommerce-cart span.woocommerce-Price-amount.amount {
    font-size: 15px;
}
tr.cart-subtotal {
    font-size: 15px;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label {
    width: 100% !important;
    float: left;
}

span.woocommerce-input-wrapper {
    width: 100% !important;
    float: left;
    border-radius: 2px;
    border: none !important;
    position: relative;
    z-index: 1;
}
span.woocommerce-input-wrapper input {
    background: #fff;
    padding: 13px 10px;
    border: 1px solid whitesmoke;
    border-radius: 2px;
}
.woocommerce-checkout #payment div.payment_box .form-row {	
	margin:0;	
}	
.woocommerce-order h2 {	
	font-size: 22px;	
}
.woocommerce-order-details .wc-item-meta-label {
	display:none;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {	
    width:50%;	
	max-width: none !important;	
	padding-right:0;	
	padding-left:0;	
}
.woocommerce-error, .woocommerce-message {
    display: none;
}
.woocommerce-additional-fields{
    padding-top: 0;
}
.woocommerce-additional-fields h3{
    display: none;
}
.woocommerce-additional-fields h3{
	color:var(--ffg-primary);
}
.woocommerce-info {
    background-color: #fff;
    color: #8F8F8F;
    font-size: 14px;
    border: none !important;
    padding: 11px 5px 10px 0;
	text-align:center;
	margin-bottom:0;
	display:none;
}
.woocommerce-info::before {
	content: "";
}
.woocommerce-info a {
    color: #8F8F8F !important;
    text-decoration: underline;
    white-space: nowrap;
}

.wc-block-components-notice-banner__content a.slidecoupon {color: #000000;}
.wc-block-components-notice-banner.is-info>svg {display: none;}
.wc-block-components-notice-banner__content::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f3ff';
    color: #000;
    font-weight: 700;
}
.woocommerce form .form-row label {
    line-height: 2;
    margin: 0;
}
#order_comments_field.form-row label{
    display: block;
    position: relative !important;
    height: auto;
    width: 100%;
    border:solid 1px #CBCBCB;
    border-radius: 6px;
    padding:10px 15px;
    z-index: 999;
    background-color: #fff;
    overflow: hidden;
}
.woocommerce form .form-row .optional{
    display: none;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #ffffff !important;
    border-radius: 5px;
	margin-top: 15px;
}
button#place_order {
    width: 100%;
    padding: 17px;
    font-size: 15px;
    font-weight: 300;
    background: #b50e1a;
}
.select2-container .select2-selection--single {
    height: auto !important;
    padding: 7px 1px !important;
}
textarea#order_comments{
    background: var(--fg-surface-2);
    padding: 10px;
	border-radius: var(--fg-radius-small);
}
.woocommerce-checkout textarea#order_comments{
    background: var(--fg-surface-2);
    padding: 16px 5px 6px;
    border-radius: 0 0 6px 6px;
    height: 1px;
    resize: none;
    transition: height 0.3s, margin-top 0.3s;
    margin-top:-24px;
}
.woocommerce-checkout textarea#order_comments.show {
    height:80px;
    margin-top:-5px;
}
textarea#order_comments1 {
    background: var(--fg-surface-2);
    padding: 8px 5px;
	border-radius: var(--fg-radius-small);
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods{
    padding:0;
    font-size: 14px;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token{
    border: 1px solid #cccccc;
    border-radius: 9px;
    margin: 0.4em 0;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new{
    text-decoration: underline;
    text-align: right;
    color: #8F8F8F;
    font-size: 15px;
}

#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
    visibility: hidden;
    position:absolute;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, 
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label{
    display: block;
    padding: 0.9em 1.2em 0.9em 2.8em;
    margin: 0;
    position: relative;
    user-select: none;
    line-height: 1.5;
    overflow: hidden;
    text-transform: unset;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:before, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:before, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:before{
    position: absolute;
    content: '';
    left: 12px;
    top: 16px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid var(--ffg-primary);
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    visibility: visible;
}

#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods #wc-stripe-payment-token-new:before, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods #wc-stripe-payment-token-new:before, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods #wc-stripe-payment-token-new:before{
    content: unset;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:after, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:after, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:after{
    position: absolute;
    content: '';
    left: 17px;
    top: 21px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--ffg-primary);
    transition: all 0.3s ease-in-out;
    transform: scale(0);
    visibility: visible;
}

#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods #wc-stripe-payment-token-new:after, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods #wc-stripe-payment-token-new:after, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods #wc-stripe-payment-token-new:after{
    content: unset;
}

#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:checked:after, 
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:checked:after, 
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput:checked:after{
    transform: scale(1);
}
#wc-stripe-cc-form .form-row{
    position: relative;
}
#wc-stripe-cc-form label{
    position: absolute;
    z-index: 999;
    left: 9px;
    top: 6px;
    width: 60%;
    background: #fff;
    color: #707070;
}
#wc-stripe-cc-form label .required{
    display: none;
}
#wc-stripe-cc-form label[for=stripe-cvc-element]{
	max-height: 32px;
}

/** ------------------------------ css style end ---------------------*/
.qnt-btn-col{
    width: 50% !important;
}
.qnt-btn-col h6.prod-prices {
    margin-top: 8px;
}
.qnt-btn-wrap{
    display: flex;
    justify-content: center;
}
.product-price-tickr {
    font-size: 16px !important;
    font-weight: 500;
    white-space: nowrap;
}
.product-modal-img{
	width: 115px;
	padding-left: 15px;	
}
.product-modal-img img{
	width: 100%;
	height: auto;
}
.product-modal-option{
	width: calc(100% - 115px);
	padding-left: 10px;
	padding-right: 15px;
}
.ffg-navbar ul.menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-left: auto;
}
.ffg-navbar ul.menu .menu-item {
    padding: 0px 10px;
}
.navbar-dark .ffg-navbar .menu-item a {
    color: #fff !important;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
}
/** Cart annimation starts here **/

.cart-icon{
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    position: relative;
}
.cart .cart-outline::after {		
	content: '\f07a';
	font-family: "Font Awesome 7 Pro";
	color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    position: absolute;
    z-index: 999999;
    top: 12px;
    left: 15px;
}
.cart .chevron-down::after {
	content: '\f13a';
	font-family: "Font Awesome 7 Pro";
	color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    position: absolute;
    z-index: 999999;
    top: 11px;
    left: 18px;
}
.anim-circle-b{
    border-radius: 50%;
    background-color: transparent;
    height: 90%;
    width: 90%;
    margin: auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
    position: absolute;
    z-index: 9999;
}
.anim-circle-1,.anim-circle-2,.anim-circle-3{
    border-radius: 50%;
    background-color: var(--ffg-secondary);
    height: 80%;
    width: 80%;
    margin: auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
    position: absolute;
    z-index: 9999;
}
.anim-circle-1{
    animation: glow1 linear 2.13s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: glow1 linear 2.13s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: glow1 linear 2.13s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: glow1 linear 2.13s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: glow1 linear 2.13s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

body.woocommerce-checkout .apper {
	background-color: #ffffff;
	max-width: 530px;
	margin: 0 auto;
	float: none;
	padding-top: 15px;
}
body.woocommerce-order-received .apper {
	padding: 20px 15px 15px;
}
body.woocommerce-account .woocommerce .row .col {
	background-color: #ffffff;
	padding: 20px;
}
.woocommerce-checkout .flip{
    position: relative;
    height: 45px;
    margin-bottom:20px;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.woocommerce-checkout .flip .delivery-method{
  position: absolute;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.delivery-error{
	height: auto !important;
	padding: 15px;
	background: #efefef;
	border: 2px solid #ef0000;
	border-radius: 5px;
	font-size:16px;
    overflow: hidden;
	display:none;
	color: #ffffff;
}
.delivery-error h3 {
	color: #ef0000;
	font-weight: 600;
    font-size: 22px;
    text-align: center;
    margin-bottom: 0;
	padding-bottom: 0;
}
.delivery-error p {
	color: #000000;
    font-size: 16px;
    text-align: center !important;
	margin-top: -15px;
}
.delivery-error-buttons {
	display: flex;
	justify-content: space-between;
    padding-top: 20px;
}
.delivery-error-buttons a {
	padding: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	border-radius: 5px;
	min-width: 45%;
	transition: 0.3s ease-in-out;
}
.delivery-error-buttons a:hover, .delivery-error-buttons a:focus {
	background-color: #000000;
	color: #ffffff;
}

i.fa-solid{
    font-family: "Font Awesome 5 Pro";
	font-weight:900;
    font-style: normal;
}
i.fa-regular{
    font-family: "Font Awesome 5 Pro";
	font-weight:400;
}
nav.navbar .user-menu{
    color: #fff;
    height: 100%;
	display: flex;
	align-items:center;
}
nav.navbar .user-menu a {
    display: block;
    height: 32px;
    width: 32px;
	text-decoration:none;
}
nav.navbar .user-menu a:after {
	padding: 15px 10px 0;
}
nav.navbar .user-menu a:after, nav.navbar .user-menu .register_btn:after {
	font-family: "Font Awesome 5 Pro";
    content: '\f2bd' !important;
	color:#ffffff;
	height: 32px;
    width: 32px;
	font-size: 32px;
	line-height: 32px;
	font-weight: 300;
}
nav.navbar .user-menu a:hover:after, nav.navbar .user-menu .register_btn:hover:after {
	font-weight: 600;
}
nav.navbar .user-menu .register_btn{
    display: flex;
    align-items: center;
    height: 100%;
}
nav.navbar .user-menu .register_btn:after{
    content:'';
    margin-left:0;
}
.register_btn{
    cursor: pointer;
}
nav.navbar .user-menu .register_btn span {
	font-size: 13px;
    text-transform: uppercase;
    padding: 8px 15px;
}
.modal.register .modal-dialog.modal-dialog-centered {
	width: 100%;
	display: flex;
	justify-content: center;
}
.modal.register .modal-content{
    border: none;
    border-radius: 5px;
	width: 100%;
	margin: 0 20px 0 10px;
	padding: 20px;
}

.modal.register .modal-header{
    border:none;
}
.modal.register .modal-header .close{
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 9;
    font-size: 30px;
    color: #cccccc;
    font-weight: 400;
}
.modal.register h2{
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    line-height: 32px;
    font-size: 26px !important;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 13px;
	font-weight: 400;
	text-align: center;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
}
.modal.register p{
    text-align: center;
    font-size: 14px;
	padding-top:10px;
    margin-bottom:0;
}
.modal.register #switch_to_login, .modal.register #switch_to_register {
	font-size:14px;
	color: #000000;
	margin-top:0;
}
.modal.register #switch_to_login:hover, .modal.register #switch_to_register:hover {text-decoration: underline;}

.modal.register .form-field{
    margin:0.5rem 0 0 0;
}
.modal.register .form-field.hidden{
    display: none !important;
}
.modal.register .form-field.text label {
	display: none;
}
.modal.register .form-field.text input{
    width: 100%;
    padding: 13px 10px;
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    font-size: 17px;
    outline: #ffffff;
	margin:0 0 7px;
}
.modal.register .form-field.error{
    color:#bb0c0c;
}
.modal.register .form-field.text.error input{
    outline: solid 2px #bb0c0c;
    border-color: solid 2px #bb0c0c;
}
.modal.register .modal-body{
    padding:0;
}
.modal.register .modal-body .intro{
    padding-top:0;
	margin-bottom:25px;
}
.modal.register .modal-body .intro span{
	font-weight:400; float:none;
}
.modal.register .modal-body .intro span em{
	font-weight:600;
}
.modal.register .form-field.text input:focus-visible{
    outline: none;
    border-color: none;
}
.modal.register .form-field.checkbox{
    display: flex;
    align-items: center;
    font-size: 12px;
	color:#6e6e6e;
	font-style: italic;
    padding: 0 0 10px;
}
.modal.register .form-field.checkbox label{
    margin:0 0 0 10px;
}
.modal.register #contact {
	-webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 15px;
    height: 14px;
    border: 1px solid #a3a3a3;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}
.modal.register #contact::before {
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	content: '\f00c';
	visibility: visible;
	font-size: 12px;
	line-height: 12px;
	width: 13px;
	height: 12px;
	color:#ffffff;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background-color: #a3a3a3;
}
.modal.register #contact:checked::before {
  transform: scale(1);
}


.modal.register .form-field.submit{
    text-align: center;
}
.modal.register .form-field.submit button{
	display: block;
	width: 100%;
    padding: 13px;
    border-radius: 6px;
	border-color: transparent;
    background-color: #000;
    color: #fff;
    font-size: 19px;
}
.modal.register .form-field.submit button:hover {opacity: 0.8;}

.modal button .spinner-border{
    display: none;
}
.modal button:disabled{
    padding:.375rem .75rem;
}
.modal.register .form-field.submit button:disabled{
    padding:10px 30.5px;
}
.modal button:disabled .spinner-border{
    display: inline-block;
}
.btn-link,.btn-link:hover{
    color: var(--ffg-primary);
}
@keyframes glow1{
    8% {
        opacity:1;
        transform:  translate(0px,0px)  scale(1.00);
    }
    30% {
        opacity:1;
        transform:  translate(0px,0px)  scale(1.3) ;
    }
    40% {
        opacity:1;
        transform:  translate(0px,0px)  scale(1.3) ;
    }
    70% {
        opacity:1;
        transform:  translate(0px,0px)  scale(1.00) ;
    }
}
.anim-circle-2{
    animation: glow2 linear 2.13s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: glow2 linear 2.13s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: glow2 linear 2.13s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: glow2 linear 2.13s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: glow2 linear 2.13s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}
@keyframes glow2{
    10% {
        opacity:1;
        transform:  translate(0px,0px)  scale(1.00);
    }
    30% {
        opacity:0;
        transform:  translate(0px,0px)  scale(2) ;
    }
    30.1% {
        opacity:1;
        transform:  translate(0px,0px)  scale(1.00);
    }
}
.anim-circle-3{
    animation: glow3 linear 2.13s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: glow3 linear 2.13s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: glow3 linear 2.13s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: glow3 linear 2.13s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: glow3 linear 2.13s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}
@keyframes glow3{
    15% {
        opacity:1;
        transform:  translate(0px,0px)  scale(1.00);
    }
    35% {
        opacity:0;
        transform:  translate(0px,0px)  scale(2) ;
    }
    35.1% {
        opacity:1;
        transform:  translate(0px,0px)  scale(1.00);
    }
}
/** Cart annimation starts here **/


.p-count {
    color: var(--ffg-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    padding-left: 6px;
}

.pop-up-content-wrap .product-title {
    font-size: 18px;
}
.pop-up-content-wrap .product-desc {
	margin-bottom: 7px;
	font-size: 14px;
	color: var(--fg-text-muted);
}
.pop-up-content-wrap p{
    font-size: 14px;
}
.special-ins{
	width:100%;
}

footer.footer{
	position: relative;
}
.pop-up-content-wrap .product-title {
    width: 100% !important;
    float: left;
}
.product-title dl.variation dt,
.woocommerce td.product-name dl.variation dt {
    display: none;
}

/** Shipping Button Animation Starts here **/
.cart-modal-tab .toggle {
    display: none;
}
.cart-modal-tab .fas {
    font-size: 13px;
    padding-left: 4px;
	font-weight:300;
}
.cart-modal-tab label .icon{
    background-color: var(--fg-text-muted);
    height: 25px;
    width: 25px;
    display: inline-block;
	margin-right:8px;
}
.cart-modal-tab .btn-left .text, .cart-modal-tab .btn-right .text {
	min-width:auto;
}
.cart-modal-tab :checked + label .icon{
    background-color: var(--ffg-primary);
}
.cart-modal-tab label .icon.moppet{
    -webkit-mask: url(../icons/moppet.svg) no-repeat center;
	-webkit-mask-size: contain;
    mask: url(../icons/moppet.svg) no-repeat center;
	mask-size: contain;
}
.cart-modal-tab label .icon.bag{
    -webkit-mask: url(../icons/bag.svg) no-repeat center;
	-webkit-mask-size: contain;
    mask: url(../icons/bag.svg) no-repeat center;
	mask-size: contain;
}
.cart-modal-tab label{
    font-size: 14px;
    margin:0;
    display: inline-flex;
	justify-content: space-between;
	align-items: center;
    padding: 5px 17px;
    position: relative;
    text-align: left;
    transition: background 600ms ease, color 600ms ease;
    color: var(--fg-text-muted);
    cursor: pointer;
}
.cart-modal-tab label:hover{
    color: var(--fg-text-muted);
}
.cart-modal-tab label:after{
    background: var(--fg-header-bg);
    border-radius:24px;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
    z-index: -1;
	box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}
.cart-modal-tab .time{
    font-size: 12px;
    white-space: nowrap;
	color: var(--fg-text-muted);
	margin-top:-4px;
}
.cart-modal-tab .btn-left{
    border-radius: 20px 0 0 20px;
    border-right:none;
	width: 49%;
	justify-content: center;
}

.cart-modal-tab .btn-left:after{
    left: 98%
}
.cart-modal-tab .btn-right{
    border-radius: 0 20px 20px 0;
    margin-left: -2px;
	width: 50%;
	justify-content: center;
}
.cart-modal-tab .btn-right:after{
    left: -98%;
}
.cart-modal-tab :checked + label{
    cursor: default;
    color: var(--fg-text);
    z-index: 2;
    transition: color 200ms;
}
.cart-modal-tab :checked + label:after{
    left: 0;
}

/** Shipping Button Animation Ends here **/

.modal .cart{
    border-bottom: none;
    padding:0;
	display: block;
}
.modal .cart i{
    padding: 0 !important;
    position: relative;
    color: var(--ffg-secondary);
    font-size: 13px;
}
.modal .value-button{
    padding: 0;
	touch-action: manipulation;
}
.modal .value-button:focus,
.modal .value-button:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.modal-content{
    padding: 15px;
    border-radius: 25px;
    border:none;
}
.modal-content .product-title{
    font-size: 18px;
	font-weight: 500;
    width: 100%;
    padding: 15px 0 0;
}
.modal-content .qtpr{
    margin-left: -1px;
    border-top: 1px solid var(--fg-border);
    margin-right: -1px;
	padding: 15px 0 20px;
}
.modal-content .qtpr .qwrap{
	display:flex;
	justify-content: flex-start;
	padding-left:5px;
}
.modal-content .quantity{
    display: flex;
    justify-content: center;
    padding: 0;
    background: var(--fg-surface-3);
    border-radius: 25px;
}
.modal-content .text-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.modal-content .product-variations,
.modal-content .product-addons {
	padding:5px;
	width:100%;
}
.modal-content .addon-item{
    overflow: auto;
}
.addon-item .addon-price {min-width: 44px}
.modal-content .addon-item > label{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    padding: 7px 0;
}
.modal-content .addon-item > label+label{
    margin-top: -.5rem;
    border-top: none;
}
.modal-content .addon-item > label:last-child{
    margin-bottom: 0;
}
.modal-content .product-addons .checkbox-label+.checkbox-label{
    border-top: none;
    margin-top: -.5rem;
}

.modal-content .product-addons .multiplier-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
}
.modal-content .product-addons .multiplier-label input{
  display:none;
}
.modal-content .product-addons .multiplier-label .left-items{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}
.modal-content .product-addons .multiplier-label .addon-name{
  color:var(--fg-text);
  font-size:14px;
  line-height:1.2;
}
.modal-content .product-addons .multiplier-label .qty>span{
  min-width:28px;
  height:28px;
  line-height:28px;
  background:red;
  color:#fff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
  font-weight:700;
}
.modal-content .product-addons .multiplier-label .right-items{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.modal-content .product-addons .multiplier-label .addon-price{
  color:var(--fg-text);
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
}
.modal-content .product-addons .multiplier-label .multiplier-qty-control{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:3px;
  min-width:84px;
  height:30px;
  padding:0;
  background:var(--fg-surface-2);
  border-radius:999px;
}
.modal-content .product-addons .multiplier-label .multiplier-qty-value{
  min-width:22px;
  text-align:center;
  color:var(--fg-text);
  font-size:14px;
  font-weight:400;
  line-height:1;
}
.modal-content .product-addons .multiplier-label .multiplier-qty-btn{
  position:relative;
  width:28px;
  height:28px;
  padding:0;
  border:none;
  background:transparent;
  cursor:pointer;
  flex:0 0 28px;
}
.modal-content .product-addons .multiplier-label .multiplier-qty-btn:focus-visible,
.modal-content .product-addons .multiplier-label .multiplier-qty-btn:focus,
.modal-content .product-addons .multiplier-label .multiplier-qty-btn:hover {
  outline:none !important;
}
.modal-content .product-addons .multiplier-label .multiplier-qty-btn::before,
.modal-content .product-addons .multiplier-label .multiplier-qty-btn::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:2px;
  background:#6bc442;
  border-radius:2px;
  transform:translate(-50%, -50%);
}
.modal-content .product-addons .multiplier-label .multiplier-qty-btn.qty-plus::after{
  transform:translate(-50%, -50%) rotate(90deg);
}
.modal-content .product-addons .multiplier-label .multiplier-qty-btn[disabled]{
  opacity:.35;
  cursor:default;
  pointer-events:none;
}

#modal-final-price {
	margin-bottom:0;
	font-size: 20px;
    font-weight: 600;
    color: var(--ffg-primary);
}
.modal-header{
    padding: 1px 7px;
    border: none;
    position: absolute;
    z-index: 99999;
    right: 8px;
    top: 10px;
    background: #ececec;
    border-radius: 20px;
}
.modal-content.create-product .modal-header{
	right: 25px;
    top: 25px;
    background: rgba(255, 255, 255, 0.8);
}
.modal-content.create-product:not(:has(.prodmodal-img img)) 
.modal-header {
    right: 15px;
    top: 20px;
}
.pop-up-content-wrap .row.product-info {
	padding: 0 15px 15px;
}
.modal-header .close {
	padding: 0;
	margin: 0;
}
.modal-header .close:focus-visible {
	outline: none !important;
}

.modal-header .close span {
	font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Nunito', sans-serif;
    color: #000000;
}

.modal-body{
    padding: 0;
}

.modal .cart-btn .normal-text{
    display: block;
}
.modal .cart-btn.loading .normal-text{
    display: none;
}
.modal .cart-btn .loading-text{
    display: none;
}
.modal .cart-btn.loading .loading-text{
    display: block;
}
.woocommerce-checkout #payment ul.payment_methods .stripe-card-group {
    width:100%;
}
.woocommerce-checkout #payment ul.payment_methods {
	padding:0;
}

.woocommerce-checkout #payment label {
	font-size:14px !important;
}
.woocommerce-checkout #payment label {
    cursor: text;
}
.woocommerce-checkout #payment label.focused {
	display: none;
}
a.woocommerce-privacy-policy-link {
	color: var(--ffg-primary);
}
.woocommerce-checkout #payment div.payment_box {
	padding: 0px;
    background-color: #ffffff !important;
    border: 1px solid #cccccc;
    border-radius: 9px;
    margin: 0 0 20px;
    font-size: 0.2rem;
    line-height: 0;
}
#wc-stripe-card-element {
    margin-bottom: -1em;
}
.wc-stripe-card-icons-container {
    display: none !important;	
}
div.payment_method_stripe_cc > .woocommerce-NoticeGroup {
    margin-bottom: 0;
}
/*---- new stripe -----*/
.wc-stripe_cc-container .StripeElement:not(.payment-type) {
    height: auto !important;
    padding: 13px 12px !important;
    border-radius: 9px !important;
	border: 1px solid #cccccc;
}
ul.payment_methods li[class*=payment_method] {
    padding: 0 !important;
}
label[for=stripe_cc_use_saved] {
	position: relative;
	text-decoration: underline;
	top: 10px;
	right: 10px;
	float: right;
	color: #8F8F8F !important;
}
label[for=stripe_cc_use_saved]:before {
	display: none !important;
}
label[for=stripe_cc_use_new] {
	text-decoration: underline;
	position: relative;
	margin-bottom: 0 !important;
	top: -8px;
	right: 10px;
	float: right;
	color: #8F8F8F !important;
}
label[for=stripe_cc_use_new]:before {
	display: none !important;
}
li[class*=payment_method_stripe] .select2-container .select2-selection--single {
	position: relative;
	top: 15px;
}
#stripe_cc_use_new:checked ~ label[for=stripe_cc_use_saved] {
	display: block;
	margin-top: 12px;
}
#stripe_cc_use_new:checked ~ label[for=stripe_cc_use_new] {
	display: none;
}
#stripe_cc_use_new:checked ~ #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	border: 1px solid #cccccc !important;
}

#stripe_cc_use_saved:checked ~ label[for=stripe_cc_use_new] {
	display: block;
}
#stripe_cc_use_saved:checked ~ label[for=stripe_cc_use_saved] {
	display: none;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	border: none !important;
}
.wc-stripe-saved-methods-container .select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 14px !important;
}
li[class*=payment_method_stripe] .select2-container .select2-selection--single {
	margin-bottom:15px;
}

/*---- new stripe end -----*/


.woocommerce-checkout #payment div.form-row {
	padding: 0;
}
.wc-stripe-elements-field, .wc-stripe-iban-element-field {
	height:35px; 
    border-radius: 9px;
}
.wc-stripe-elements-field input, .wc-stripe-iban-element-field input {
	font-size:18px !important;
}

.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method>input,
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method>label {
	display: none;
}

#payment .wc-stripe-elements-field, .wc-stripe-iban-element-field {
    width:100%;
    padding:8px;
}
.woocommerce-checkout #payment div.payment_box::before {
    display:none !important;
}
#payment .methods li.woocommerce-SavedPaymentMethods-new label {
	font-size:14px;
}
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods-saveNew {
    display: none;
	max-height: 30px !important;
	margin: 10px 0 10px;
}
/*	flex-direction: row;
	flex-wrap: nowrap;
}*/
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom:none !important;
}
.woocommerce-billing-fields h3, #order_review_heading {	
	color: var(--ffg-primary);	
}
.woocommerce-shipping-fields{
    display: none;
}
.woocommerce-shipping-fields h3 span {
    font-weight: 400;
    font-size: 22px;
    padding-left: 5px;
}
.woocommerce-shipping-fields h3 {
    padding: 30px 0 0;
}
.entry-header h1 {
    display:none;
}
.modal.register .form-messages{
    color: #cf1e20;
    font-size: 17px;
}
.modal.register .fa-solid.fa-circle-check{
    font-size: 50px;
    display: block;
    margin: 19px;
    color:#48FF56;
}
.fa-check-circle:before, .fa-circle-check:before {
    content: "\f058";
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    background-color:#000;
    font-weight:400;
    font-size: 1.2rem;
	margin-bottom:0 !important;
}
.woocommerce #payment #place_order:before, .woocommerce-page #payment #place_order:before{
    content: '\f023';
    font-family: 'Font Awesome 7 Pro';
    font-weight: 900;
    margin-right: 8px;
    font-size: 18px;
}

.woocommerce ul.woocommerce-thankyou-order-details li strong, .woocommerce ul.woocommerce-thankyou-order-details li strong span{
	font-size: 16px;
	font-weight: 600 !important;
}
.woocommerce ul.woocommerce-thankyou-order-details li:first-child {
	padding-left:5px;
}
li.woocommerce-order-overview__email.email {
	display:none;
}
#add_payment_method #payment ul.payment_methods .stripe-card-group, 
.woocommerce-checkout #payment ul.payment_methods .stripe-card-group {
    width: 100%;
}
.cart-spinner, .overlay{
    display: none;
}
.loading .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(239, 239, 239,.5);
    visibility: visible;
    display: block;
    left: 0;
    top: 0;
    z-index: 9;
}
.loading .cart-spinner{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 200px;
}
.cart-overlay{
    opacity: 0;
    transition: 0.5s;
}
.slide-down .cart-overlay{
    opacity: 1;
    width: 500%;
    height: 500%;
    z-index: -1;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: -200%;
    left: -100%;
    transition: 0.5s;
}
.calendar-popup{
    cursor: pointer;
	justify-content: end;
	align-items: center;
}
.openi i {
	color:var(--ffg-primary);
	padding-right:5px;
    padding-top: 3px;
}
.display-time {
	border-left: 1px solid var(--ffg-primary);
    font-size: 11px;
}
.time-row {
	align-items: center;
	border-bottom: 1px solid #cccccc;
    padding: 5px 0;
}
.time-row div {
	font-size:12px;
}
span.add-icon {
    font-size: 30px;
    height: 25px;
    width: 25px;
    background: #69c144;
    position: absolute;
    margin-top: -13px;
    margin-left: -25px;
    border-radius: 15px;
}
span.add-icon::after {
	content:'+';
	position:relative;
	font-size: 26px;
	font-weight: 300;
	color: #ffffff;
	top: -5px;
}

/*[name='add-circle']{
    margin-top:4px;
    font-size: 30px;
}*/
[name='star-outline']{
    margin-bottom: -2px;
}
#menu-main-menu > li > .sub-menu{
    display: none;
}
#menu-main-menu > li:hover > .sub-menu{
    display: block;
    position: absolute;
    list-style: none;
    background-color: var(--ffg-primary);
    margin: 0;
    padding: 0;
    top: 100%;
    min-width: 235px;
    z-index: 99;
}
.order-disabled{
    background-color: red;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    font-size: large;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999999;
}
.admin-bar .order-disabled{
    top: 32px;
}
body.ffg-stop-order.admin-bar{
    margin-top: 47px;
}
tr.woocommerce-shipping-totals.shipping th {
    visibility: hidden;
    font-size:0px;
}
tr.woocommerce-shipping-totals.shipping th:after {
content: 'Delivery or Collection?';
visibility: visible;
font-size:14px;
line-height: 21px;
}
.callout {
    background: var(--ffg-primary);
    width:100%
}
.callout h4 {
	font-size:18px;
	line-height:24px;
	color:#ffffff;
	text-align: center;
	padding: 5px 10px 8px;
	font-weight:300;
    margin: 0;
}
.offertext {font-weight:600;}
.vcode {
	color:var(--ffg-primary);
	background: #ffffff;
	border-radius:4px;
	font-size: 16px;
    font-weight: 600;
    padding: 2px 5px;
}
#wc_checkout_add_ons {
    display:none;
}
h3.page-title{
    margin: 30px 0;
}
.woocommerce > .woocommerce-form-coupon-toggle {
	display:none !important;
}
.woocommerce-info{
    display: block;
}
.delivery-confirmation{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
}
.delivery-confirmation .label{
    font-size: 17px;
    margin-bottom: 15px;
    padding-top: 5px;
}
.delivery-selection .cart-modal-tab{
    margin-top: 0;
}
table.shop_table.woocommerce-checkout-review-order-table tbody tr.woocommerce-shipping-totals.shipping{
    display: none;
}
#customer_details .back-btn {
    position: absolute;
    color: #ffffff;
    font-size: 16px;
}
#customer_details .back-btn {
    left: 12px;
    top: -45px;	
}

#customer_details .back-btn a {
    color: rgb(196, 196, 196);
    border: solid 1px #C1C1BE;
    border-radius: 9px;
    padding: 4px 10px;
}
#customer_details .back-btn a:hover {
    color: #000;
    text-decoration: none;
    background-color: #C1C1BE;
}
.delivery-option-note{
    display: block;
    font-size: 12px;
    color: #ce0000;
}
.delivery-selection.disabled{
    opacity: .5;
}
.delivery-selection.disabled * {
    cursor: not-allowed !important;
}
.icon{
    display: inline-block;
    height:30px;
    width: 30px;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #fff;
}
.mdbicon{
    display: inline-block;
    height:90px;
    width: 90px;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #fff;
	margin-top: 20px;
}
.icon-small{
    height:15px;
    width: 15px;
}
.icon-primary{
    background-color: var(--ffg-primary) !important;
}
.icon:hover, .mdbicon:hover{
    opacity: .8;
}
.mdbicon.coupon{
    -webkit-mask-image: url('../icons/mdb-coupons.svg');
    mask-image: url('../icons/mdb-coupons.svg');
}
.mdbicon.order-list{
    -webkit-mask-image: url('../icons/mdb-order-list.svg');
    mask-image: url('../icons/mdb-order-list.svg');
}
.mdbicon.reporting{
    -webkit-mask-image: url('../icons/mdb-reporting.svg');
    mask-image: url('../icons/mdb-reporting.svg');
}
.mdbicon.site-message{
    -webkit-mask-image: url('../icons/mdb-site-message.svg');
    mask-image: url('../icons/mdb-site-message.svg');
}
.mdbicon.shop-settings{
    -webkit-mask-image: url('../icons/mdb-shop-settings.svg');
    mask-image: url('../icons/mdb-shop-settings.svg');
}
.mdbicon.products{
    -webkit-mask-image: url('../icons/mdb-products.svg');
    mask-image: url('../icons/mdb-products.svg');
}
.icon.icon-full-screen{
    -webkit-mask-image: url('../icons/fullscreen.svg');
    mask-image: url('../icons/fullscreen.svg');
}
.icon.icon-restore-screen{
    -webkit-mask-image: url('../icons/minimise.svg');
    mask-image: url('../icons/minimise.svg');
}
.icon.icon-menu{
    -webkit-mask-image: url('../icons/menu.svg');
    mask-image: url('../icons/menu.svg');
}
.icon.icon-back{
    -webkit-mask-image: url('../icons/left-arrow.svg');
    mask-image: url('../icons/left-arrow.svg');
}
.icon.icon-right{
    -webkit-mask-image: url('../icons/right-arrow.svg');
    mask-image: url('../icons/right-arrow.svg');
}
.icon.icon-search{
    -webkit-mask-image: url('../icons/search.svg');
    mask-image: url('../icons/search.svg');
}
.icon.icon-email{
    -webkit-mask-image: url('../icons/email.svg');
    mask-image: url('../icons/email.svg');
}
.icon.icon-left-quote{
    -webkit-mask-image: url('../icons/left-quote.svg');
    mask-image: url('../icons/left-quote.svg');
}
.icon-close{
    -webkit-mask-image: url('../icons/close.svg');
    mask-image: url('../icons/close.svg');
}
.wc_payment_methods_label{
    list-style: none;
    padding:0;
    display: flex;
    gap:10px;
    margin:20px 0;
	flex-wrap: wrap;
}
.wc_payment_methods_label li{
    width: 48%;
    border: 1px solid var(--fg-surface-border);
    border-radius: 30px;
}
li.payment_method_stripe_applepay img {
	width: 30px !important;
	float: right !important;
}
li.payment_method_stripe_googlepay img {
	width: 40px !important;
	float: right !important;
	padding-left: 4px;
}

.gpay-card-info-container {
	height: 53px !important;
	max-height: 53px !important;
	border-radius: 3px;
}

.woocommerce-checkout-payment .apple-pay-button {
	max-width: 100% !important;
	height: 53px;
	max-height: 53px;
	border-radius: 3px;
}
.wc-stripe-applepay-button.StripeElement {
	width:100%;
}
ul.wc_payment_methods li[class*=payment_method_stripe_googlepay]{
	display:none !important;
}
ul.wc_payment_methods li[class*=payment_method_stripe_applepay]{
	display:none !important;
}
.wc-stripe-save-source {
	float: left;
	padding: 15px 0;
}
.wc-stripe_cc-container .save-source-checkbox {
	height: 15px !important; width: 15px !important;
}
.woocommerce-checkout #payment label.save-source-label {
	font-size: 12px !important; 
	color:#8F8F8F;
}



@supports ('-webkit-touch-callout: none') {
  /* CSS specific to iOS devices */ 
	tr.order-total i {
		position: relative;
		float:right;
	}
}

.woocommerce-checkout #payment .wc_payment_methods_label li label{
    display: block;
    padding: 0.9em 1.2em 0.9em 2.8em;
    margin:0;
    position: relative;
    user-select: none;
    cursor: pointer;
}
#payment .wc_payment_methods_label li label:before{
    position: absolute;
    content: '';
    left: 12px;
    top: 13px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid var(--ffg-primary);
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    visibility: visible;
}
#payment .wc_payment_methods_label li label:after{
    position: absolute;
    content: '';
    left: 17px;
    top: 18px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--ffg-primary);
    transition: all 0.3s ease-in-out;
    transform: scale(0);
    visibility: visible;
}
#payment .wc_payment_methods_label li label.selected:after{
    transform: scale(1);
}

li.wc_payment_method.payment_method_stripe_cc.active .stripe-card-icons {
	width:28px;
	float:right;
}
#wc-stripe_applepay-checkout-button {width:100%;}
#wc-stripe_googlepay-checkout-button {width:100%;}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
    width:49%;
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form{
    margin:0;
    overflow: hidden;
    display: block;
}
.woocommerce-privacy-policy-text{
    color:#8F8F8F;
    font-size: 14px;
    margin-top:15px;
    padding:0 30px;
    text-align: center;
}
.woocommerce-privacy-policy-text a{
    color:#8F8F8F;
    text-decoration: underline;
    white-space: nowrap;
}

#wc-stripe-new-payment-method{
    position: relative;
}
.newsletter-wrapper{
    display:flex;
	max-height: 35px;
    margin: 10px 0 20px !important;
}
label[for=wc-stripe-new-payment-method], label[for=ffg-subscribe-newsletter]{
	font-size: 12px;
    line-height: 16px !important;
    color: #6e6e6e;
}
#wc-stripe-new-payment-method,
#ffg-subscribe-newsletter {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0 5px 0 0 !important;
	font: inherit;
    color: currentColor;
    width: 14px !important;
	min-width: 14px !important;
    height: 14px;
    border: 1px solid #a3a3a3;
    border-radius: 0.15em;
    transform: translateY(0.075em);
    display: inline-block;
    place-content: center
}
#wc-stripe-new-payment-method::before,
#ffg-subscribe-newsletter::before {
	font-family: 'Font Awesome 5 Pro';
    position: absolute;
    content: '\f00c';
	visibility: visible;
    font-size: 11px;
    line-height: 12px;
	width: 12px !important;
	height: 12px;
	color:#ffffff;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em #a3a3a3;
	top:0;
}
#wc-stripe-new-payment-method:checked::before,
#ffg-subscribe-newsletter:checked::before {
	transform: scale(1);
}
.woocommerce-account .profile-edit-btn{
    text-align: right;
    padding: 10px 0;
    text-decoration: underline;
}
.woocommerce-account .profile-edit-btn a{
    color:#8F8F8F;
	font-size:14px;
    padding: 10px 0 10px 10px;
}
.woocommerce-account .logout-wrapper a{
    border: solid 1px #D9D9D9;
    color:#000;
    display: flex;
    align-items: center;
    position: relative;
    padding:13px 13px 13px 26px;
    border-radius: 6px;
}
.woocommerce-account .logout-wrapper a:hover{
    text-decoration: none;
}.woocommerce-account .profile_details_form{
    margin-bottom:25px;
    height: 0px;
    overflow: hidden;
}
.woocommerce-account .profile_details_form input{
    border: solid 1px #D9D9D9 !important;
    border-radius: 6px;
}
.woocommerce-account .logout-wrapper a:before{
    content:'\f104';
    font-family: 'Font Awesome 5 Pro';
    margin-right:10px;
    font-size: 15px;
    font-weight: 900;
    color:#8F8F8F;
}
.woocommerce-account #profile_save,
.woocommerce-account .lost_reset_password .woocommerce-Button{
    background-color: #000;
    width: 100%;
    padding: 17px;
    color: #fff;
}
.woocommerce-account #profile_save:hover,
.woocommerce-account .lost_reset_password .woocommerce-Button:hover{
    background-color: #000;
    color: #fff;
}
.my_account_footer_btns{
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
}
.woocommerce-account a{
    color:var(--link-text);
}
.delete_account_trigger, .cancel_details_form {
	font-size:14px;
}
.my_account_footer_btns a{
    padding: 13px;
	font-weight:500;
    color: #000;
}
.my_account_footer_btns a i{
    color: #8F8F8F;
}
.my_account_footer_btns a:hover{
    text-decoration: none;
}
.profile_detail_title a{
    position: relative;
    font-size: 26px;
    text-align: center;
    border: solid 1px #010101;
    border-radius: 6px;
    margin-bottom:6px;
    padding:13px;
    display: block;
    color:#000;
}
.profile_detail_title a:hover{
    text-decoration: none;
}
.profile_detail_title a:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right:15px;
    color:#cbcbcb;
}
#delay_time_selector{
    font-size: 12px;
    width: 0;
	opacity: 0;
    height: 26px;
    border-radius: 16px;
    padding:0;
    border-style: none;
    border-color: var(--fg-border);
    overflow: hidden !important;
    transition: all 500ms;
	outline:none !important;
}
select#delay_time_selector:focus, select#delay_time_selector:visited, select#delay_time_selector:active {
	border: 1px solid var(--fg-border) !important;
	outline:none !important;
	box-shadow: none !important;
}
#delay_time_selector.show{
    width: 123px;
	opacity:1;
    padding:0 4px;
    border:1px solid;
	border-color: var(--fg-border) !important;
}
label.delay_time_label::before {
    content: '\f017';
    font-family: 'Font Awesome 7 Pro';
    margin-right: 5px;
	font-weight: 300;
}

/* iOS Styling for inputs */
@supports (-webkit-touch-callout: none) {
	#delay_time_selector {
		border:0;
		border-radius: 8px;
		font-size:17px;
		color: var(--fg-text-muted);
		outline:none !important;
		border: 1px solid var(--fg-border);
	}
	#delay_time_selector:focus, #delay_time_selector:visited, #delay_time_selector:active {
		border: 1px solid transparent !important;
		box-shadow: none !important;
	}
}
@supports not (-webkit-touch-callout: none) {
   #delay_time_selector {
	  background-color: var(--fg-header-bg);
	  border: 1px solid var(--fg-border);
	}
}
.delay_time_wrapper{
    font-size: 12px;
	color: var(--fg-text-muted);
    min-width: 200px;
}
#delay_time_selector.delivery [data-delivery="0"],
#delay_time_selector.collection [data-collection="0"]{
    display:none;
}
.minimum-order-error{
    font-size: 15px;
}
.modal.register a{
    color: #000000;
	font-weight: 900;
}
.ffg-moppet-w{
    background-image: url(../icons/moppet_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 25px;
    height: 20px;
    margin-bottom: -4px;
    display: inline-block;
}
.ffg-bag-w{
    background-image: url(../icons/bag_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 17px;
    height: 22px;
    margin-bottom: -4px;
    display: inline-block;
}

.modal .btn-primary{
    background-color: var(--ffg-primary);
    border-color: var(--ffg-primary);
}

/*******************************************/
/* --------- START MEDIA QUERIES ----------*/
/*******************************************/


@media (max-width: 390px) {
	.ffg-header-info .subname {
		display:flex;
		flex-direction: column;
		gap:0;
		align-items: flex-start;
	}
	.ffg-header-info .ffg-delivery-only,
	.ffg-header-info .ffg-collection-only{
		padding-top:3px;
	}
}

@media (max-width: 500px) {
	.product-title h5 {
		font-size: 16px !important;
	}
	.product-title p {
		font-size: 13px;
		line-height: 17px;
	}
	.ffg-header-info .bizname {
		font-size: 22px;
	}
	.ffg-header-info .brand .all-btn {
		margin-top: 3px;
	}
	.woocommerce ul.woocommerce-thankyou-order-details {flex-wrap: wrap;}
	.woocommerce ul.woocommerce-thankyou-order-details li {width: 50%;}
	.woocommerce ul.woocommerce-thankyou-order-details li:nth-child(3) {padding-left: 5px;}
	.woocommerce ul.woocommerce-thankyou-order-details li:nth-child(2) {border-right: 0;}
	body.woocommerce-order-received .apper {padding:20px 5px}
}


@media (max-width: 767px) {
	html, body {	
		width:100%;	
		overflow-x: hidden;	
	}
	/* Keep horizontal overflow fix, but don't force vertical scrolling */
	html, body {
	  overflow-x: hidden;
	  overflow-y: visible; /* <- important for sticky */
	}
	body.ffg-cart-open,
	html.ffg-cart-open {
	  overflow: hidden !important;
	}
    .content-body{
        float: none !important;
        margin-left: 0 !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
	.container-full-width.hero-sec {
		height: 220px;
	}
	.overlay-hero {
		height:220px;
	}
	.container.ordersproducts {
		overflow: auto;
		max-height: none;
		padding-bottom: 0;
	}
	.tab {
		margin-top: 0;
	}
	.woocommerce-checkout .main-content {
		background: #ffffff;
	}
	.summary {
		margin-top: 7px;
	}
	.summary-checkout {
		float:none; padding-bottom: 25px;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {	
		width:100%;	
		margin-bottom:20px;	
	}
    .allproducts{
        display:none;
    }
    .onlymobile{
        display:block;
    }
    .onlydesktop{
        display:none;
    }
    .mobilebtnnew{
        text-align: left !important;
        border: 1px solid #333 !important;
        cursor: pointer !important;
        width: 100% !important;
    }
    .dropdown-toggle::after {
        float: right !important;
    }   
    .product-img h5 {
        font-size: 18px;
    }
    .col-xs-12 {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100% !important;
    }
        .col-sm-3 {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100% !important;
    }
        .header-bottom {
        padding: 3px 0px !important;
    }
    .header-bottom p {
        padding: 9px 0 12px;
        text-align: center;
    }
	.header-bottom p.left-text {
		border-bottom: 1px solid #dadada;
	}
	.header-bottom p.middle-text {
		border-bottom: 1px solid #dadada;
	}
	.calendar-popup{
		justify-content: center;
		padding: 8px 0 5px;
	}
    .container-full-width.hero-sec p {
        line-height: normal;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .navbar-brand {
        margin-left: .5rem;
    }
    li.pro-img {
        display:none !important;    
    }
    .product-sec {
        text-align: center;
    }
    .popup-overlay {
        top: 52px;
        left: 0;
    }
    .onlymobile-wrap{
        width: 100% !important;
        padding: 0 0;
    }
    .onlymobile-wrap .brand{
        margin-bottom: -16px;
    }
    .onlymobile-wrap .dropdown1{
        border: 1px solid #ccc !important;
        border-bottom: 0 !important;
        border-radius: 0;
        overflow: hidden;
        width: 100%;
    }
    .onlymobile-wrap .dropdown1 .mid-heading-description{
        padding: 10px 15px;
    }
    .onlymobile-wrap .dropdown1:last-child{
        border-bottom: 1px solid #ccc !important;
    }
    .onlymobile-wrap .dropdown1 .allproducts{
        padding: 0;
    }
    .onlymobile-wrap .dropdown1 button{
        border:0 !important;
        border-radius: 0;
        font-weight: bold;
    }
    .onlymobile-wrap .dropdown1 button.mobilebtnnew:after {
        content: '\f078';
        font-family: FontAwesome, "Font Awesome 5 Pro";
        border: 0;
        color: #ccc;
    }
    .onlymobile-wrap .dropdown1 button.mobilebtnnew.open:after{
    	content: '\f077';
    } 
    .onlymobile-wrap .product-sec{
        display: flex !important;
        padding: 10px 15px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    } 
    .product-with-img,
    .product-without-img {
        width: calc(100% - 90px);
    }
	.product-title p {
		max-width: 90%;
	}
    .product-sec .cart-item {
        width: 90px;
        padding: 0 0;
    }
    .product-with-img .product-title,
    .product-without-img .product-title{
        text-align: left;
    }
    .onlymobile-wrap .product-img p{
        margin-bottom: 0;
    }
    .onlymobile-wrap .cart-item .product-price {
        margin-right: 10px;
   }
    .cart-modal span.cart-icon {
        width: 65px;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: visible;
        position: absolute;
		top: 0;
    }
    .cart-modal span.cart-icon [name='cart-outline']{
        opacity: 1;
        transition: 0.3s;
        margin: 4px 4px;
        font-size: 32px;
    }
    .cart-modal.slide-down span.cart-icon [name='cart-outline']{
        opacity: 0;
    }
    .cart-modal [name='chevron-down-circle-outline'] {
        transition: 0.3s;
        opacity: 0;
        font-size: 36px;
        text-align: center;
        line-height: 1.4;
    }
    .cart-modal.slide-down [name='chevron-down-circle-outline'] {
        opacity: 1;
        padding-left: 18px !important;
        padding-top: 23px !important;
		left:-2.5px;
		top:-4px;
    }
    .cart-down i{
        line-height: 1.1;
        text-align: center;
        margin: 4px;
    }
    .cart-modal.useformobile.fixedop {
        top: calc(100% - 50px);
    }
	.cart .cart-outline::after {
		top: 14px;
		left: 18px;
	}
	[name='add-circle'] {
		margin-top: -14px;
	}
    
	.summary div.price-value {
		width:21%;
	}
	.summary .product-title {
		width:79%;
	}
    
    /* Close button (X) only visible when open */
    .ffg-cart-close{
        display: none;
        position: absolute;
        left: 15px;
        top: 15px;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,.25);
        background: rgba(0,0,0,.25);
        color: #fff;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        padding: 0;
        cursor: pointer;
        z-index: 3;
    }
    body.ffg-cart-open .ffg-cart-close{
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
	.stop-scroll {
		overflow-y: hidden !important;
	}
	.product-sec {
		display: contents;
	}
	.product-img {
		margin-right:10px;
	}
	.cart-item {
		width: 100%;
		float: left;
		padding-left: 40%;
		text-align:center;
	}
	.right-sidebar .cart{
		padding: 20px 14px 24px;
		justify-content: space-between;
	}
	body:not(.ffg-cart-open) .right-sidebar .cart.highlight, .right-sidebar .cart.highlight span.cart-icon:after {
		background-color: #81d742 !important;
		-webkit-transition: background-color 400ms linear;
		-ms-transition: background-color 400ms linear;
		transition: background-color 400ms linear;
	}
	.right-sidebar .cart.highlight h5{
		color: var(--fg-text);
	}

	.popup-overlay-header{
		left: 20px;
		top: 470px;
	}
	.anim-circle-1,.anim-circle-2,.anim-circle-3{
		height: 70%;
		width: 70%;
	}
	.anim-circle-b {
		background-color: transparent;
	}
	.nav-side-menu .toggle-btn {
		display: block;
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 10 !important;
		padding: 3px;
		background-color: #ffffff;
		color: #000;
		width: 40px;
		text-align: center;
	}
  section.main-content {
		padding:0;
	    /*min-height: 50vh;*/
	}
	.main-content .content-body .container {
		padding-right:0;
		padding-left:0;
	}
	.ordersproducts, .subtotal {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.left-sidebar .brand .menu-title h4 {
		padding-left: 0;
	}
	.brand p {
		margin: 0 !important;
	}
	span.all-btn {
		float: right;
		position: relative;
		top: -3px;
	}
    #main_content{
        display: block;
        padding:0;
    }
	.onlymobile #mobile-price span {
        font-weight: 400;		
	}
    .mid-heading h4 > span{
        display: inline;
		font-size: 12px;
		padding-left:4px;
    }

    .mid-heading h4:after{
        content: none !important;
        display: none !important;
    }
	#main_content .middle-sec {
		padding:0 10px;
	}
    #main_content .mid-item .mid-heading-description{
        padding: 0;
    }
    #main_content .mid-item .product-sec{
        display: flex;
        padding: 10px 12px;
    }
	.product-price, .product-price p {
		margin-right: 10px !important;
	}
    .product-cart {
        margin-top: -3px;
        margin-bottom: -5px;
    }
    #first_sidebar{
        width: 100%;
    }
    .apper {	
    padding: 0;	
	margin-top: 10px;	
	}	
	.main-content .col-sm-9, .main-content .col-xs-12{	
	padding-right:0;	
	padding-left:0;	
	}	
	body.woocommerce-checkout.woocommerce-page section.main-content .col-md-9 {	
		padding-left:0;	
	}	
	.woocommerce .col2-set, .woocommerce-page .col2-set {	
		padding:0;	
	}
    #order_review_heading {
    margin-top:30px;
    }
    .overlay-logo{
        width: 100%;
        max-width: 300px !important;
    }
	.header-bottom .container {
		flex-direction: column;
	}
	.shoptime {
		justify-content: center;
	}
	#customer_details .col-md-12 {
		padding-right:0;
		padding-left:0;
	}
	.standard-footer, .standard-footer .stripecol {
		align-items: center;
	}
	.standard-footer .stripecol {margin-bottom:50px;}


    /* ===== Mobile real-device viewport fixes (iOS/Android address bar & safe-area) ===== */
    body.ffg-cart-open #last_sidebar{
        height: 100vh;
        height: 100dvh;
        height: 100svh;
    }
    body.ffg-cart-open #last_sidebar .right-sidebar{
        height: 100vh;
        height: 100dvh;
        height: 100svh;
        padding-bottom: env(safe-area-inset-bottom);
    }
    body.ffg-cart-open #last_sidebar .right-sidebar > .container,
    body.ffg-cart-open #last_sidebar .right-sidebar #cart-content{
        min-height: 0; /* allow flex children to shrink so footer stays visible */
    }
    body.ffg-cart-open #cart-content .summary{
        min-height: 0;
    }
    body.ffg-cart-open #cart-content .ordersproducts{
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
}

@media (max-width: 992px) {
	nav.navbar .user-menu {
		padding: 12px 12px;
    	border-top: 1px dashed rgba(255,255,255,0.5);
	}
}

@media (min-width: 768px) {
    #customer_details .back-btn {
        top: -70px;
        left: -12px;
    }
    .modal-dialog{
        max-width: 335px;
    }
  .nav-side-menu .menu-list .menu-content {
        display: block;
  }

  #main_content .mid-item .apper{
    display: block;
  }
  .header-bottom .container, .content-body .container {
    max-width: 100%;
  }
  /*-- .nav-side-menu {box-shadow: inset 0px 11px 8px -10px #cccccc00, inset 0px -11px 8px -10px #ccc;} --*/
  .modal.register .modal-content {min-width: 540px;}
}

@media (min-width: 992px){
    nav.navbar .user-menu a,
    nav.navbar .user-menu .register_btn:after{
        display: inline-block;
        margin: 0 0 0 3px;
    }
    .delivery-confirmation {
        flex-direction: row;
        text-align: left;
		align-items: center;
    }
    .delivery-confirmation .label{
        margin-bottom: 0;
    }
    .ffg-navbar ul.menu{
        flex-direction: row;
    }
    .navbar-dark .ffg-navbar .menu-item a {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-lg .navbar-collapse#navbarResponsive {
        display:block !important;
    }
    #navbarResponsive .ffg-navbar.left{
        float: left;
    }
    #navbarResponsive .ffg-navbar.right{
        float: right;
    }
	.header-bottom .container, .content-body .container {
    max-width: 100%;
	}

}

@media (min-width: 1200px){
	.product-sec{
		width: 49%;
		margin-bottom:0;
	}
	#main_content .mid-item .apper {
        display: flex;
		flex-wrap: wrap;
		gap:15px;
		justify-content: flex-start;
    }
}

/* ============================
   FFG NEW SHELL + STICKY BASKET
   (desktop only; mobile keeps slide-up basket)
============================ */

.ffg-page-shell{
    display:flex;
    align-items:flex-start;
    width:100%;
}

.ffg-page-shell .ffg-main{
    flex:1 1 auto;
    min-width:0;
}

/* Basket column is part of the layout (NOT position:fixed) */
.ffg-page-shell #last_sidebar{
    width:350px;
    flex:0 0 350px;
    max-width:350px;
    position:sticky;
    top: 0;
    height: 100vh;
    padding:0;
}

/* Basket internal layout: header pinned top, footer pinned bottom, items scroll */
#last_sidebar form{
    height:100%;
}
#last_sidebar .right-sidebar{
    height:100%;
    display:flex;
    flex-direction:column;
}
#last_sidebar .right-sidebar > .cart{
    flex:0 0 auto;
}
/* This .container holds delivery/collection toggles + cart content */
#last_sidebar .right-sidebar > .container{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    min-height:0;
	max-height: 110px;
}
/* Make cart content fill remaining height */
#last_sidebar #cart-content{
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
}
/* Summary becomes a column so we can scroll just the items */
#last_sidebar #cart-content .summary{
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
}
/* Items list scrolls */
#last_sidebar #cart-content .ordersproducts{
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
	padding-top: 0;
}

/* Bottom area stays at the bottom */
#last_sidebar #cart-content .subtotal{
    margin-top:auto;
}
#last_sidebar #cart-content .subtotal .container{
    padding-right:0;
	padding-left:0;
}

@media (max-width: 767px) {
	
    /* Mobile basket: bottom bar + full-screen overlay (no slide-up/down) */
    #last_sidebar{
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto !important;
        width: 100% !important;
        padding: 0;
        z-index: 9999;
        background: var(--fg-surface, #111);
        transform: none !important;
        height: auto;
    }

    /* Basket header bar (always visible when closed) */
    #last_sidebar .right-sidebar{
        background: var(--fg-surface, #111);
        border-top: 1px solid rgba(255,255,255,.08);
    }
    #last_sidebar .right-sidebar > .cart{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 11px 20px 16px;
        min-height: 64px;
        background: var(--fg-surface, #111);
        position: relative;
        cursor: pointer;
		border-top: 1px solid var(--fg-border);
    }
    #last_sidebar .right-sidebar > .cart h5{
        margin: 0;
    }
    #last_sidebar .right-sidebar > .cart .cart-icon{
        margin-left: 12px;
		position:relative;
		right:0;
    }
	span#mobile-price {
		color: var(--ffg-primary);
		padding-top: 4px;
	}

    /* Dark backdrop (click to close) */
    #last_sidebar .cart-overlay{
        display: none;
        opacity: 0;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.55);
        z-index: 1;
        transition: opacity .2s ease;
    }

    /* Open state: full-screen panel with a small top gap */
    body.ffg-cart-open #last_sidebar{
        top: 0 !important;
        bottom: 0;
        height: 100vh;
        height: 100dvh;
        height: 100svh;
    }
    body.ffg-cart-open #last_sidebar .cart-overlay{
        display: block;
        opacity: 1;
    }
    body.ffg-cart-open #last_sidebar .right-sidebar{
        position: relative;
        z-index: 2;

        /* Use dynamic viewport units on real devices (iOS/Android browser UI), with fallbacks */
        height: 100vh;
        height: 100svh;
        height: 100dvh;

        display: flex;
        flex-direction: column;
        background: var(--fg-surface, #111);

        /* Keep the footer/CTA above iOS home indicator / Android gesture bar */
        padding-bottom: env(safe-area-inset-bottom);
    }
    /* Smooth mobile basket open/close animation.
       Keep this transform-only so the existing viewport/safe-area sizing remains untouched. */
    body.ffg-cart-open #last_sidebar .right-sidebar{
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    #last_sidebar{
        --ffg-mobile-cart-bar-height: 92px;
    }
    body.ffg-cart-opening #last_sidebar .right-sidebar{
        animation: ffgMobileBasketSlideUp 360ms cubic-bezier(.22, 1, .36, 1) both;
    }
    body.ffg-cart-open:not(.ffg-cart-opening):not(.ffg-cart-closing) #last_sidebar .right-sidebar{
        transform: translate3d(0, 0, 0);
    }
    body:not(.ffg-cart-open) #last_sidebar .right-sidebar{
        transform: none;
    }

    @keyframes ffgMobileBasketSlideUp{
        from{
            transform: translate3d(0, calc(100% - var(--ffg-mobile-cart-bar-height, 92px)), 0);
        }
        to{
            transform: translate3d(0, 0, 0);
        }
    }

    @media (prefers-reduced-motion: reduce){
        body.ffg-cart-opening #last_sidebar .right-sidebar{
            animation: none !important;
        }
    }

    body.ffg-cart-open #last_sidebar .right-sidebar > .container, 
	body.ffg-cart-open #last_sidebar .right-sidebar #cart-content
	{
        display: block;
        flex: 1 1 auto;
        min-height: 0; /* allow inner flex children to shrink so footer stays visible */
        overflow: hidden;
        padding-bottom: 0;
        background: var(--fg-surface);
    }
	body.ffg-cart-open #last_sidebar .right-sidebar .cart-topbar
	{
        display: block;
        overflow: hidden;
        padding-bottom: 0;
        background: var(--fg-surface);
    }

    /* Make cart content behave like JustEat: middle scrolls, bottom pinned */
    body.ffg-cart-open #cart-content .summary{
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }
    body.ffg-cart-open #cart-content .ordersproducts{
        flex: 1 1 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    body.ffg-cart-open #cart-content .subtotal{
        padding-bottom: calc(2px + env(safe-area-inset-bottom));
    }

	body.ffg-cart-open .cart .cart-outline::after {
		content: '\f00d';
		left: 11px;
		top: 3px;
	}
	body.ffg-cart-open .cart-icon {
		background: var(--fg-text-muted);
		width: 40px;
		height: 40px;
		border-radius: 25px;
		top: -3px;
	}
	
	.ffg-cart-open .anim-circle-b, 
	.ffg-cart-open .anim-circle-1, 
	.ffg-cart-open .anim-circle-2, 
	.ffg-cart-open .anim-circle-3 {
		display:none;
	}
    body.ffg-cart-open #last_sidebar {
		max-width: 100%;
	}
	.ffg-page-shell{
        display:block;
    }
    .ffg-page-shell #last_sidebar{
        width:100% !important;
        max-width:100% !important;
        height:auto;
        position:fixed !important; 
        top:initial !important;
		z-index: 70;
    }
	
    /* Closed state: hide the cart contents container */
    #last_sidebar .right-sidebar > .container, #last_sidebar .right-sidebar #cart-content,
	#last_sidebar .right-sidebar .cart-topbar{
        display: none;
    }

    /* Closed state: show ONLY the header bar at the bottom */
    body:not(.ffg-cart-open) #last_sidebar .right-sidebar > .container{
        display: none !important;
    }
    body:not(.ffg-cart-open) #last_sidebar .ffg-cart-close{
        display: none !important;
    }
    body.ffg-cart-open #last_sidebar .ffg-cart-close{
        display: inline-flex !important;
    }

}

/* === Mobile cart: prevent 'Schedule for Later' row being clipped/covered when cart list grows === */
@media (max-width: 767px){
  body.ffg-cart-open #last_sidebar .right-sidebar{
    display:flex;
    flex-direction:column;

    /* iOS/Android: use real visual viewport height (set via JS) */
    height: calc(var(--ffg-vh, 1vh) * 100);
    padding-bottom: env(safe-area-inset-bottom);
  }

  /* Keep header + toggle area above the scrollable list */
  body.ffg-cart-open #last_sidebar .right-sidebar .cart,
  body.ffg-cart-open #last_sidebar .right-sidebar .cart-topbar{
    flex: 0 0 auto;
    position: relative;
    z-index: 30;
  }

  body.ffg-cart-open #last_sidebar .right-sidebar .cart-topbar{
    background: var(--fg-surface);
  }

  body.ffg-cart-open #last_sidebar .right-sidebar .delay_time_wrapper{
    position: relative;
    z-index: 35;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
  }

  body.ffg-cart-open #last_sidebar .right-sidebar .delay_time_label{
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Ensure the scrollable list never overlaps the topbar area */
  body.ffg-cart-open #last_sidebar .right-sidebar #cart-content{
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    z-index: 1;
  }
}



/* === Mobile sticky categories fix ===
   Some mobile browsers won't honor position:sticky if the scrolling container is forced onto <body>
   (e.g. overflow-y:auto). Ensure the page scrolls on <html> and allow sticky to work.
*/
@media (max-width: 767px){
  html{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  body:not(.ffg-cart-open){
    overflow: visible !important;
    height: auto !important;
  }
  /* Re-assert stickiness and stacking for the category bar */
  .ffg-header-bottom{
    position: sticky;
    top: 0;
    z-index: 50;
  }
}

/* === Mobile sticky categories fix === */

button:hover, button:focus, button:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}