/* ------------------------------------------------------------------------------------------------------------- */
/* logo                                                                                                          */
/* logo                                                  Call to order 1234 5678 90  |  account  |  header links */
/* logo                                                                       search  |  header links  |  Basket */
/* logo                                                                                                          */
/* ------------------------------------------------------------------------------------------------------------- */
/*                         top menu link | top menu link | top menu link | top menu link                         */
/* ------------------------------------------------------------------------------------------------------------- */
/* Express free post to UK    |   Free UK mainland delivery orders over £40    |   Safe & Secure Online Shopping */
/* ------------------------------------------------------------------------------------------------------------- */

.header-upper-wrapper {position: relative; }

.header-wrapper {background: #fff; position: relative;}
.header {align-items: center; display: flex; justify-content: space-between;}

.header .header-logo {min-width: 157px; padding: 10px 0;}

.header .header-upper-menu {display: flex; flex-wrap: wrap; align-items: center; width: 28%; justify-content: space-between;}
.header .header-upper-menu > div > a {color:#434343;text-decoration: none; transition: all .4s ease 0s;}
.header .header-currency {display: none !important;}

.header .header-vat {display: none !important;}

.header .header-phone {font-family: 'Crimson'; font-size: 30px; font-style: italic; font-weight: 400;}
.header-account-wrapper {padding: 0; display:flex; gap:12px; align-items: center;}
.header-account-wrapper a {display: flex;}
.header .header-links {margin: 0 0 0 1rem;}
.header .header-links a {color: #000; text-decoration: none; transition: all .4s ease 0s;}
/* .header .header-links a:hover {color: #666;} */
.header .header-links a {display: inline-block; margin: 0 .1em;}
.header .header-links .del:before {content: "|";}

.header .header-left { width: 28%;}
.header .header-search-upper-menu form {display: flex; border: 1px solid #5A5A5A; overflow: hidden; }
.header .header-search-upper-menu form input[type="text"] {border: 0; float: left; width: 80%; padding: 12px 28px;}
.header .header-search-upper-menu form button[type="submit"],
.header .header-search-upper-menu form button[type="submit"]:hover {background: none; border: 0; color: #000;  width: 20%; padding: 12px 28px; line-height: 1;}
.header-left .search-link a {display: flex;}
.header .header-cart-wrapper {padding: 0 0 0 2rem;}
.header .header-cart-wrapper > div {display: inline-block;}
.header .header-cart-wrapper > div .fa {display: block; font-size: 2rem; margin: 0 0 .5rem; text-align: center;}
.header .header-cart-wrapper > div .fa.fa-arrows-alt {transform: rotate(45deg);}
.header .header-cart-wrapper .header-links {margin: 0;}
.header .header-cart-wrapper .header-links a {margin: 0 1em 0 0;}
.header-upper-menu-cart {display: flex;}
.header .header-cart #small_cart,
.header .header-cart #empty_small_cart {display: flex;}
.header .header-cart .header-cart-btn {transition: all .4s ease 0s;}
.header .header-upper-menu-cart a {align-items: center; display: flex; position: relative;}
.header .header-upper-menu-cart #small_cart a::before {background: #FFA500; border-radius:50%;content:'';height:5px; position: absolute; right: -2px; top:-2px;width:5px;}
.header-cart .header-cart-btn i {font-style: normal;}
.header-cart .header-cart-btn b {font-weight: 400;}
.header-cart .header-cart-btn .qty:before {content: "(";}
.header-cart .header-cart-btn .qty:after {content: ")";}
.header-cart .header-cart-btn .del {display: none;}
.header-cart .header-cart-btn .total {display: none;}
.header-cart ul,
.header-cart li {list-style: none; margin: 0; padding: 0;}

.cartDropDown {background: #fff;  display: none; line-height: normal; margin: 0; padding: 0; width: 450px; z-index: 999; position: fixed; top: 0; bottom: 0; right: 0; max-width: 100%; overflow: hidden;}
.cartDropDown .cart-wrapper {display: flex; flex-direction: column; height: 100%;}
.cartDropDown .cart-header-wrapper {background: #F3EFED; color:#000;align-items: center;display: flex;padding: 14px 28px;}
.cartDropDown .close-basket {align-items: center; border:1px solid #000; border-radius: 50%;cursor: pointer; display: flex;flex-direction: column;justify-content: center; height: 33px; width: 33px;}
.cartDropDown .close-basket span {background: #000; height: 1px; width: 16px; transform: rotate(-45deg);}
.cartDropDown .close-basket span + span {margin-top: -1px; transform: rotate(45deg);}
.cartDropDown .total-quantity { text-align: center; font:500 18px 'Playfair Display'; width: calc(100% - 34px); text-transform: capitalize;}
.cartDropDown > button {background: #fff; border: 0; color: #464646; font-size: 28px; padding: .5em 0; text-align: center; width: 100%;}
.cartDropDown > button:hover {background: #fff; border: 0; color: #464646;}
.cartDropDown > .scroll-cart-top,
.cartDropDown > .scroll-cart-top:hover {border: 1px solid #d2d2d2; border-width: 1px 0 0;}
.cartDropDown > .scroll-cart-bottom,
.cartDropDown > .scroll-cart-bottom:hover {border: 1px solid #d2d2d2; border-width: 0 0 1px;}
.cartDropDown ul {border: 1px solid #eee; border-width: 1px 0; margin: 0; overflow: auto; padding: 0; color: #000;flex-grow: 20;}
.cartDropDown li {border: 1px solid #eee; border-width: 1px 0 0; font-size: 0; margin: 0; padding: 0;}
.cartDropDown li:first-child {border-width: 0;}
.cartDropDown li > div {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block; font-size: 12px; font-weight: 400; padding: .8em; vertical-align: middle; width: 64%;}
.cartDropDown li .img {height: 0; padding: 34% 0 0; position: relative; width: 34%;}
.cartDropDown li .img span {bottom: .8em; left: .8em; overflow: hidden; position: absolute; right: .8em; text-align: center; top: .8em;}
.cartDropDown li .img span img {height: auto; max-height: 100%; max-width: 100%; width: auto;}
.cartDropDown li .cntnt {line-height: 21px; padding-left: 1em; text-align: left;}
.cartDropDown li .name {font:500 12px 'Playfair Display'; margin: .25rem 0;}
.cartDropDown li .mnf {}
.cartDropDown li .opt span {}
.cartDropDown li .qty {display: block;}
.cartDropDown li .qty:before {content: "QTY ";}
.cartDropDown li .value {display: block; font-size: 14px; font-weight: 400; margin: .6em 0 0;}
.cartDropDown li .remove-item a {color: #FFA500;}
.cartDropDown li .remove-item a:before {content: "x";}
.cart-footer-wrapper {background: #F3EFED;}
.cartDropDown .price.total {display:none; color: #000; font-size: 16px; padding: 1.4em 0; text-align: center;  letter-spacing: .1em;}
.cartDropDown .price.total .value.total:before {content: "Total ";}
.cartDropDown .spend.another {display: none; font-size: 10px; font-weight: 700; line-height: 14px; padding: 0 0 1em; text-align: center; text-transform: uppercase;}
.cartDropDown .cart-btns {display: none; padding: 0 28px 48px; }
.cartDropDown .cart-btns a {width: 100%; font-size:16px; }
.cartDropDown .cart-btns a.button:hover {background: #FFA500; border: 1px solid #FFA500;}

.header-lower-wrapper {background: #fff;  position: relative; }

.header-search-wrapper {clear: both;}
.header-search {position: relative;}
.header-search form[name=search] {background: #F3EFED; display: none; left: 0; padding: 8px 0; position: absolute; right: 0; text-align: center; white-space: nowrap; z-index: 9999;}
.header-search form[name=search] .sv-container {display: flex;}
.header-search form[name=search] input[name=search_string] {flex-grow: 20; font-size: 14px; border:0;}
.header-search form[name=search] button.submit {background: #292929; border: 0; font-size: 14px; padding: .5rem 1rem;}
.index-page .header-delivery-wrapper.top {display:none;}
.header-delivery {padding-bottom: 2rem; padding-top: 2rem;}
.header-delivery-wrapper {background: #F3EFED;}

.header-delivery-wrapper .splide__list > * { display: flex; flex-direction: column; gap:3px; font-size: 16px; line-height: 1.5;  text-decoration: none; transition: color 0.4s ease;}
.header-delivery-wrapper .splide__list > *:hover { text-decoration: none;}
.header-delivery-wrapper .splide__list > * span {display: flex; font-family: 'Playfair Display'; align-items: center; gap: 10px; font-size: 20px;}
.header-delivery-wrapper a {text-decoration: none;}
@media (min-width: 901px) {
  .header-delivery-wrapper .splide__arrows {display: none;}
  .header-delivery-wrapper .splide__list{display: flex !important; flex-wrap: wrap; justify-content: space-between;}
}
@media(max-width:1400px) {
    .header .header-logo {width:300px;}
}
@media(max-width:1280px) {
    .header .header-phone {font-size: 24px;}
}
@media(min-width:1081px) {
    .header-menu ul.desktop {display: flex !important; justify-content: space-between;}
    .header .search-link {display:none;}
}
@media (max-width: 1080px) {
	.header-upper-wrapper {font-size:14px; background: #FFA500; padding: 12px 0; text-align: center; z-index: 991;}
	.header-upper-wrapper a {text-decoration:none;}
	.header-lower-wrapper {display:none;}
	.header-wrapper {z-index: 992;}
	.header .header-logo { margin: 0; padding: 12px 0; text-align: center;}
	.header .header-upper-menu .header-phone {display: none;}

	.header-menu-wrapper {align-items: center; display: flex; justify-content: space-between; text-align: left;}
 	.header-search-upper-menu {display:none;}
    .header .header-left {display:flex; align-items: center; gap: 20px;}
    .search-link svg {height:24px;}
    .header .header-upper-menu {justify-content: end;}

	.top-menu-toggle { display: flex;  align-items: center; cursor: pointer;}
	.top-menu-toggle button {background: inherit; border: 0; padding: 0; cursor: pointer;}
	.top-menu-toggle button:hover {background: none;}
	.top-menu-toggle button span { background: #000;  display: block; height: 1px; width: 32px; }
	.top-menu-toggle button span + span { margin: 12px 0 0;}
	.top-menu-toggle .menu {font-size:16px; margin: 0 1rem;}

	.header-menu > ul {display: none;}

	 .header-delivery {padding-top: 16px; padding-bottom:16px;}
    .header-delivery-wrapper .splide__list > * {font-size:14px;}
    .header-delivery-wrapper .splide__list > * span{font-size:16px;}
    .header-delivery-wrapper button.splide__arrow {border:0 !important;}
}
@media(max-width:900px) {
    .header-delivery-wrapper a {display: flex; flex-direction: column;}
    .header-delivery-wrapper .splide__list > * {justify-content: center; align-items: center;}
}
@media(max-width:620px) {
	.header .header-upper-menu {width:auto;}
    .header-upper-wrapper {font-size:12px; padding: 8px 0; gap:10px; width:auto;}
    .header .header-left {gap: 13px; width:auto;}
    .header .header-logo {padding:8px 0; width: 250px;}
	.header {gap:24px;}

	.header-delivery-wrapper .splide__list > * {font-size:10px;}
    .header-delivery-wrapper .splide__list > * span {font-size:12px;}
	
    
}
 @media(max-width:500px) {


}