* {
  font-family: var(--main-font-family);
}

*:focus {
  outline: none;
}
a {
  text-decoration: none;
  color: var(--link-color);
}
a:hover {
  color: var(--link-hover-color);
  transition: color 0.3s ease;
}
h1{
  font-size: calc(1.375rem + .5vw);
}
h2 {
  font-size: var(--heading-text-size);
  /* color: var(--main-theme-color); */
  color: var(--heading-color);
  padding-bottom: 1rem;
}

h3 {
  font-size: var(--standard-text-size);
  padding-bottom: 1rem;
}

ul {
  list-style-type: none;
  padding-left: 0;
}

.top-bar ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.top-bar .container {
  display: flex;
  justify-content: space-between;
}

/* .top-bar a, .top-bar i,  */
.top-bar {
  font-size: 13px;
  padding: .25rem 0;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
}
.top-bar .contact i{
  padding-right: .25rem;
  color: var(--dark-grey-color);
}
.top-bar .divider{
  color: var(--grey-color);
}

.btn-spoint, .btn-spoint-r {
  font-weight: normal;
  padding: .4rem 1.25rem .3rem 1.25rem;
  display: inline-block;
  /* line-height: 20px; */
  border: none;
  /* font-size: 15px; */
  color: var(--light-color);
  background-color: var(--main-theme-color);
  /* transition: all 0.3s ease; */
}
.btn-spoint-r{
  border-radius: var(--tile-radius);
}
.btn-spoint:hover, .btn-spoint-r:hover {
  filter: brightness(105%);
  color: var(--light-color);
}
.btn-spoint-r.sliding{
  background-color:transparent;
  border: 2px solid var(--main-theme-color);/*#C0B66E;*/
  color:var(--main-theme-color);/*#C0B66E;*/
}
.btn-spoint-r.sliding:hover{
  filter: brightness(125%);
}
.bg-accent{
  background-color: var(--link-color);
}
.regular-bold {
  font-weight: 700;
}
.border-thick{
  border-width: thick !important;
}
.cc-compliance .cc-btn:hover{
  filter: brightness(110%);
  background-color: var(--main-theme-color) !important;
}
/* ------------- HEADER --------------- */
header .main {
  padding: 1.5rem 0 1rem 0;
}

header .container {
  display: flex;
  justify-content: space-between;
}

.logo {
  margin-bottom: .5rem;
}
.logo img{
  width: 200px;
}
.motto {
  font-size: var(--smaller-text);
  /* color: var(--main-theme-color); */
  color: var(--main-theme-color);
}

.header .item {
  flex-grow: 8;
}

header .search-area .search-field {
  display: inline-block;
  border: none;
  padding: 0 8px;
  border-radius: 5px;
  flex-grow: 2;
}

header .search-area .control-group {
  display: flex;
  align-items: baseline;
}

header .search-area i {
  color: #aaa;
}

header .search-area i.fa-times {
  margin: 0 .7rem;
  display: none;
}

header .search-area i.fa-times:hover {
  color: #000;
  cursor: pointer;
}

header .search-area .search-button {
  display: inline-block;
  height: 38px;
  padding: 0 25px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

header .search-area .search-button:hover {
  /*background-color: #939393;*/
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0); */
  filter: brightness(105%);
}

header .search-area {
  border: var(--search-area-border);
  margin: 8px 0 0 0;
  border-radius: 5px;
}

header .search-area .fa-search {
  margin-left: 1rem;
}

header .search-area .search-button {
  display: inline-block;
  height: 38px;
  padding: 0 25px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--main-theme-color);

  font-weight: bold;
  /* padding: 10px 20px; */
  display: inline-block;
  line-height: 20px;
  border: none;
  font-size: var(--button-text-size);
  color: var(--light-color);
  /* transition: all 0.3s ease; */
}

.basket .cart {
  font-size: 50px;
  color: var(--light-grey-color);
  position: relative;
}

header .basket-item-count {
  display: inline-block;
}

header .basket-item-count .count {
  position: absolute;
  color: var(--light-color);
  bottom: 0;
  right: -5px;
  border-radius: 100px;
  width: 21px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: var(--main-theme-color);
}

header .basket-total-price {
  display: inline-block;
  margin-left: 1rem;
}

header .basket {
  text-align: end;
}

@media only screen and (max-width:768px) {
  header .main{
    padding: .5rem;
  }
  .logo-wrap{
    display:flex;
    align-items:end;
  }
  .top-bar .container{
    flex-direction: column-reverse;
    padding: .25rem .5rem;
    text-align:center;
  }
  .basket .cart{
    font-size: 2rem;
  }
}


/* ------------------- MAIN MENU ------------------- */
.main-menu {
  background-color: var(--main-menu-color);
  padding: 0;
  font-size: var(--smaller-text);
  box-shadow: inset 0px -3px 3px -3px rgba(0,0,0,.25);
}

.main-menu .nav-item>a {
  /* color: var(--light-color); */
  color: var(--main-menu-text-color);
  font-weight: bold;
  padding: 10px 10px;
  /* text-shadow: 1px 1px 1px var(--text-shadow-color); */
  text-shadow: var(--main-menu-text-shadow);
  border-right: 1px solid var(--main-theme-color);
  display: block;
  /* border-bottom: 3px solid transparent; */
}
/* .main-menu .nav-item>a::after{
  content:'';
  border-right: 1px solid black;
} */
.main-menu .nav-item>a:hover,
.main-menu .nav-item>a:focus {
  color: var(--main-menu-text-hover-color);
  /* border-bottom: 3px solid #757575; */
  background-color: var(--main-menu-accent-bg-color);
  backdrop-filter: brightness(90%)
}
.navbar-wrapper {
  display: flex;
}

.main-menu .container {
  padding: 0;
}
.main-menu .nav-item {
  white-space: nowrap;
  position:relative;
}
.main-menu .nav-item::after{
  content: '';
  display: block;
  border-right: 1px solid var(--main-menu-divider-bg-color);
  height: 80%;
  width: 1px;
  /* height: 30px; */
  height: 100%;
  position: absolute;
  right: 0px;
  /* top: 15%; */
  top: 0;  
}
.main-menu .dropdown:hover .dropdown-menu,
.top-menu .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.main-menu .navbar-nav .dropdown-menu,
.top-menu .dropdown-menu
{
  background: none;
  position: absolute;
  border: none;
  left: 0px;
  width: 100%;
  border-radius: 0px;
  /* box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-top: 1px solid #C0B66E; */
}

.main-menu .navbar-nav .dropdown-menu .container,
.main-menu .dropdown-menu.megamenu,
.top-menu .dropdown-menu.megamenu {
  /* position: absolute;
  left: 0px;
  width: 100%;
  border-radius: 0px; */
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-top: 1px solid #C0B66E;
}

li.dropdown {
  position: static;
}

.navbar-nav .dropdown-menu .container .row {
  width: 100%;
}

.dropdown-menu .content {
  padding: 1rem;
}

.dropdown-menu .content h2 {
  font-size: var(--heading-text-size);
  margin: 1rem 0;
  padding-bottom: 0;
}

.dropdown-menu .content ul {
  list-style-type: none;
  padding-left: 0;
}

.dropdown-menu .content li {
  padding: 5px 0;
  border-bottom: 1px solid #e0e0e0;
}

.dropdown-menu .content {
  font-size: var(--smaller-text);
}

.main-menu .has-megamenu {
  position: relative;
}

.main-menu .has-megamenu .dropdown-menu {
  right: 0;
  left: unset;
  width: 200px;
}
.top-menu .has-megamenu .dropdown-menu {
  left: 0;
  width: 120px;
  top: 1.1rem;
  padding: .5rem;
}
.top-menu li.item{
  padding-bottom: .25rem;
}

.main-menu .megamenu {
  padding: .5rem;
}

.main-menu .megamenu ul {
  margin-top: 0;
}

.main-menu .megamenu .content {
  padding-bottom: .5rem;
}

.top-menu li{
  margin-right: 1rem;
}

.navbar-toggler{
  font-size: var(--smaller-text);
  margin: .25rem;
  padding: .25rem;
  margin-left: .5rem;
}
.mobile-nav{
  width: 100%;
}
.mobile-nav .dropdown-menu{
  border: none;
  /* width: calc(100% - 20px); */
}
.mobile-nav .dropdown-menu .content li{
  width: 100%;
}

.mobile-nav .nav-item{
  padding-bottom: .25rem;
  font-size: 1.25rem;
  border-image: linear-gradient(to right, var(--light-color), var(--grey-color) 20%, var(--grey-color) 80%, var(--light-color)) 1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top: 0px;
}
.mobile-nav .nav-link{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.mobile-nav .nav-link.show{
  background-color: var(--lighter-grey-color);
}
.mobile-nav .dropdown-menu.show{
  padding: 0;
  margin: 0;
}
.mobile-nav .dropdown-menu.show .nav-link{
  background-color: var(--subtle-grey-color);
  padding-left: 2rem;
  padding-right: 2rem;
}
.mobile-nav .dropdown-menu h2{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 0;
  padding-bottom: .5rem;
  padding-top: 1rem;
  background-color: var(--subtle-grey-color);
  color: var(--availability-grey-color);
}
.mobile-nav .dropdown-toggle::after{
  margin-left: .5rem;
  vertical-align: .2rem;
  color: var(--pn-grey-color);
}
.mobile-nav .nav-item:has(.show){
  padding-bottom:0;
}
.mobile-menu .offcanvas-body{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
.mobile-menu .bottom{
  background-color: var(--light-main-color);
  padding-bottom: 2.5rem;
  padding-top: 1rem;
  /* text-align: center; */
  /* margin-top: min(3rem, 20%); */
  margin-top: 3rem;
}
.mobile-menu .bottom a{
  display: block;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.mobile-menu .bottom i{
  color: var(--dark-grey-color);
  margin-right: .5rem;
  min-width: 1.5rem;
}

@media only screen and (max-width:767.9px) {
  .top-menu .dropdown{
    display: none;
  }
  .top-bar .top-menu{
    justify-content: center;
  }
  .top-menu li{
    margin-right: 0;
  }
}
@media only screen and (max-width:1200px) {
  .main-menu .nav-item > a{
    font-weight: normal
  }
}

/* ------------------- BOX SLIDER ------------------- */

.box-slider__wrap{
  box-shadow: 0 3px 10px #d4d4d4;
  border-radius: var(--slider-radius);
}

.box-slider__dots{
  display: flex;
  padding: 1.5rem 1rem;
  justify-content: center;
}

.box-slider__dots label{
  display: block;
  width: 1rem;
  height: 1rem;
  margin-right: .75rem;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 3px 10px #d4d4d4;
  background: linear-gradient(-45deg, #ccc 30%, #eee);
  border: 2px solid #ccc;
  filter: brightness(1.05);
}

.box-slider__dots label:hover, .box-slider__dots label.active{
  filter: brightness(.80);
}
.box-slider .first-image{
  visibility: hidden;
}

.box-slider .box-slider__wrap {
  display: flex;
}

.box-slider .box-slider__item {
  opacity: 0;
}

.box-slider .active {
  display: block;
}

.box-slider .row {
  margin: 0;
}
.box-slider .box-slider__label
 {
  padding: 1rem 0;
  position: relative;  
}

.box-slider .box-slider__label:before {
  content: "";
  position: absolute;
  /* left    : 5%; */
  left: 10px;
  bottom: 0;
  height: 1px;
  /* width   : 90%; */
  width: calc(100% - 20px);
  border-bottom: 1px solid var(--light-grey-color);
}

.box-slider .box-slider__label.active:after,
.box-slider .box-slider__label:hover:after {
  position: absolute;
  right: -3px;
  top: 0;
  content: "";
  width: 4px;
  height: 100%;
  background: var(--main-theme-color);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index:10;
}

.box-slider .box-slider__labels {
  background-color: var(--slider-bg-color);
  border-top-right-radius: var(--slider-radius);
  border-bottom-right-radius: var(--slider-radius);
}

.box-slider .box-slider__labels a {
  color: var(--slider-fg-color);
  display: block;
}

.box-slider .box-slider__label.active,
.box-slider .box-slider__label:hover {
  background-color: var(--light-color);
}

.box-slider .box-slider__labels ul {
  padding-left: 0;
  list-style-type: none;
}

.box-slider .box-slider__labels ul li {
  padding: 0 1.25rem;  
}

.box-slider .box-slider__outer img {
  border-top-left-radius: var(--slider-radius);
  border-bottom-left-radius: var(--slider-radius);
}

.box-slider__outer{
  position: relative;
}

input:checked + .box-slider__item, input:hover + .box-slider__item {
  opacity: 1;
  display: block;
}
input:checked + .box-slider__item{
  z-index: 5;
}
input:hover + .box-slider__item {
  z-index: 10;
}
.box-slider__item {
  position:absolute;
  left: 0;
  top: 0;
}
.box-slider__outer{
  display:flex;
  overflow-x: hidden;    
}
.box-slider__outer img{
  /*aspect-ratio: 16 /9;*/
  flex: 1 0 100%;
  scroll-snap-align: start;
}
.box-slider__outer input{
  display: none;
}
.box-slider__labels label{
  display:block;
}
.box-slider__label a{
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.box-slider .box-slider__labels ul label:first-child li{
  border-top-right-radius: 5px;
}

@media only screen and (max-width:992px) {
  .box-slider .box-slider__outer img {
    border-radius: var(--slider-radius);    
  }
}

/* ------------------- HP GRID ------------------- */

/* .grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  
}
.grid img{
  max-width: 100%;
} */

.mlogo {
  padding: 5px 10px;
  display: block;
  height: 60px;
  line-height: 45px;
  margin-bottom: 20px;
}

.mimage {
  vertical-align: middle;
  display: inline-block !important;
  max-height: 40px;
  /* filter: grayscale(100%); */
  max-width: 80%;
}

.mlogo{
  filter: grayscale(100%);
}
.mlogo:hover {
  filter: none;
} 

.thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .25rem;
  margin-bottom: 1.25rem;
  /* line-height: 1.428571429; */
  background-color: var(--light-color);
  border: 1px solid var(--border-grey-color);
  border-radius: var(--tile-radius);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--tile-hover-border-color);
}


.text-cropped-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* line-height: 16px;     fallback */
  /* max-height: 48px;      fallback */
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
}
/* ------------------- FOOTER ------------------- */
footer {
  background-color: #f9f9f9;
  border-top: 1px solid #e0e0e0;
  margin-top: 2rem;
  font-size: var(--smaller-text);
}
footer h3{
  font-weight: bold;
  color: var(--pn-grey-color);
}

.newsletter-claim {
  border: 1px solid #e0e0e0;
  padding: 9px;
  background-color: #fff;
  color: #3d3d3d;
  text-align: center;
}

.newsletter-form input {
  border: 1px solid #e0e0e0;
  padding: 9px;
  color: #3d3d3d;
  width: 78%;
}

.newsletter-form form {
  display: flex;
}

footer .newsletter {
  position: relative;
}

footer .newsletter:before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #e0e0e0;
  z-index: 1;
}

footer .newsletter .row>div {
  z-index: 5;
}

footer .newsletter,
footer .links {
  padding: 1.5rem 0;
}

footer .widget {
  margin: 0 0 12px 0;
}

footer .widget li {
  margin: 0 0 12px 0;
}

footer .copyright-bar {
  background-color: #3d3d3d;
  padding: 17px 0;  
}

footer .payment-methods li img {
  transition: all 0.3s ease;
  filter: grayscale(100%);
}

footer .payment-methods li:hover img {
  filter: grayscale(0%);
}

footer .payment-methods li {
  display: inline-block;
  width: 50px;
  background-color: #fff;
  border-radius: 2px;
  text-align: center;
  padding: 0px 5px;
}

footer .copyright-bar .copyright {
  /* line-height: 30px; */
  color: #8a8a8a;
}

footer .footer-logo {
  margin: .5rem 0 2rem 0;
}

/* ------------------- ribbons, labels ----------------------- */
.green {
  background-color: var(--green);
  color: var(--light-color);
}
.green.ribbon {
  background-color: transparent;
}
.green.ribbon:after {
  border-top-color: var(--green);
}
.orange {
  background-color: var(--orange);
  color: var(--light-color);
}
.orange.ribbon {
  background-color: transparent;
}
.orange.ribbon:after {
  border-top-color: var(--orange);
}
.red {
  background-color: var(--red);
  color: var(--light-color);
}
.red.ribbon {
  background-color: transparent;
}
.red.ribbon:after {
  border-top-color: var(--red-ribbon);
}
.blue {
  background-color: var(--decent-grey);
  color: var(--light-color);
}
.blue.ribbon {
  background-color: transparent;
}
.blue.ribbon:after {
  border-top-color: var(--blue);
}
.label-discount {
  color: var(--light-color);
  display: table-cell;
  font-size: var(--ribbon-text-size);
  font-weight: 600;
  line-height: 1rem;
  padding: 0 .5rem;
  text-transform: uppercase;
}
.label-discount.ribbon {
  background-color: transparent;
}
.label-discount.ribbon:after {
  border-top-color: var(--green);
}
.ribbon {
  font-size: var(--ribbon-text-size);
  font-weight: 600;
  line-height: 16px;
  padding: 2px 10px;
  text-transform: uppercase;
  z-index: 100;
  text-align: left;
  position: absolute;
}
.ribbon:nth-child(2) {
  margin-top: 22px;
}
.ribbon:nth-child(3) {
  margin-top: 44px;
}
.ribbon:nth-child(4) {
  margin-top: 66px;
}
.ribbon span {
  margin-right: .688rem;
  position: relative;
  z-index: 100;
}
.ribbon:after {
  border-left: 0;
  border-right: 14px solid transparent;
  border-top-style: solid;
  border-top-width: 20px;
  content: "";
  display: inline-block;
  height: 0;
  left: 0;
  min-width: 68px;
  position: absolute;
  top: 0;
  width: 100%;
}

/* ------------------- manufacturer.latte ------------------- */
.manufacturer img{
  width:auto;
  max-height: 120px;
}
.tabs .nav-tabs .nav-link{
  padding: .313rem .875rem;
  background-color: var(--main-menu-color);
  color: var(--light-color);
  font-weight: 600;
  font-size: var(--smaller-text);
  /* border: 1px solid #e0e0e0; */
}
.tabs li.nav-item{
  /* background-color: #e0e0e0;
  color: #3d3d3d;
  border: 1px solid #d3d3d3; */
}
/* .tabs .grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
} */
.tabs h2{
  font-size: var(--heading-text-size);
  font-weight: bold;
  padding-bottom: 0;
  padding-top: .5rem;
  margin-bottom: 0;
}
.tabs .subtitle{
  font-size: var(--smaller-text);
  padding-top: .625rem; 
}
.tabs .row{
  border-left: 1px solid var(--grid-border-grey-color);
}
.tabs .item-wrapper{
  position: relative;
  padding: .625rem;
  border: 1px solid var(--grid-border-grey-color);
  border-left-width: 0;
  border-top-width: 0;
}
.tabs .item-wrapper:last-child{
  border-right: 1px solid var(--grid-border-grey-color);
}
/* .tabs .item-wrapper:not(:last-child) {
  border-right-width: 0;
  border-bottom-width: 0;
} */
/* .tabs .item-wrapper:nth-child(even) {
  background: #fafafa;
} */
/* .tabs .product-item-holder:last-child {
  border-right: 1px solid #ececec;
} */
/* .tabs .product-grid-holder{
  border-right: 1px solid #ececec;
} */
.tabs .item{
  /* padding: .625rem; */
  text-align: center;
}
.tabs .item img{
  width: 100%;
}
p.excerpt{
  padding: .5rem 0 0 2.5rem;  
}
.grid.products{
  grid-template-columns: repeat(4, 1fr);
}
.tabs .grid.products{
  border-left: 1px solid var(--grid-border-grey-color);
}
.files .fa{
  color: var(--dark-grey-color);
}
@media only screen and (max-width:992px) {
  .grid.products{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width:767.9px) {
  .grid.products{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width:576px) {
  .grid.products{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ------------------- info.latte ------------------- */
article h1{
  font-size: 1.75rem;
}
article > h1:first-of-type{
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 2.5rem;
}
article h2{
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
  padding-bottom: .5rem;
  padding-top: 1rem;
}
article li{
  margin-left: 1rem;
}
article h3{
  font-size: 1.25rem;
  font-weight: bold;
  padding-bottom: .5rem;
  padding-top: 1rem;
}
article table td{
    padding: .125rem;
}
/* ------------------- collection.latte ------------------- */
.brand{
  font-weight: bold;
  padding-bottom: .5rem;
}
.price{
  font-weight: bold;
  /* white-space: nowrap; */
}
.tab-content .price{
  margin-top: 1rem;
}
.collection.tabs h2, .collection.tabs .price{
  font-size: .875rem;
}
.slider-caption{
  text-align: center; 
  background-color: var(--slider-caption-grey-color);
  margin-top: .5rem;
}
.horizontal-slider{
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
}
.horizontal-slider .thumbnail{
  margin-bottom: 0;
}
/* ------------------- product.latte ------------------- */
.description-image {
  max-width: 200px;
  margin: 10px 0;
  margin-left: 1rem;
  float: right;
}
.brand a{
  margin-right: .5rem;
}

small{
  font-size: .75rem;
}

.availability {
  color: var(--availability-grey-color);
  font-size: var(--small-text);
  font-weight: 600;
  line-height: .563rem;
}
.availability .pn {
  color: var(--pn-grey-color);
  font-weight: normal;
  margin-left: .25rem;
}
.pricing .title{
  font-size: var(--smaller-text);
  margin-bottom: .75rem;
}
.price-current{
  font-weight: bold;
  color: var(--red-ribbon);
  text-align: right;
  display: inline-block;
}
.price-notax{
  font-size: var(--small-text);
  text-align: right;
}
.detail-group-sep{
  background-color: var(--dark-grey-color);
  color: var(--light-color);
  padding: .25rem .5rem;
  font-size: var(--smaller-text);
  /* font-weight: bold; */
}
.detail-group-desc{
  background-color: var(--slider-caption-grey-color);
  font-size: var(--small-text);
  padding: .25rem .5rem;
}
.tab-pane .action, .tab-pane .price{
  align-items: center;
  display: flex;
  justify-content: end;
}
.tab-content .row.bordered .price{
  margin-top: 0;
}
.tab-pane .caption{
  padding: .5rem 1rem;
}
.tabs .row.bordered{
  border-right: 1px solid var(--grid-border-grey-color);
  border-bottom: 1px solid var(--grid-border-grey-color);
  
}
.availability .available {
  color: var(--green);
  font-weight: bold;
  margin-left: .25rem;
}
.availability .not-available {
  color: red;
  font-weight: bold;
  margin-left: .25rem;
}
.price .price-prev {
  text-decoration: line-through;
  display:inline-block;
  font-weight: normal;
  font-size: 90%;
  color: var(--base-dark-color);
}
.product h2{
  padding: .75rem 0;
  color: var(--dark-color);
  font-weight: normal;
}
.product table th{
  font-weight: bold;
}
@media screen and (max-width: 540px){
  .tabs .subtitle{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 768px){
  .description-image {
    float: none;
    margin-left: 0;
  }
}

/* -------------------------- search suggester ---------------------- */


.dynamicSearch {
  position: absolute;
  /* top: calc(105%); */
  background: white;
  border: 1px solid #c6c6c6;
  border-top: 0;
  /*width: calc(50%);*/
  width: 95%;
  margin: 0 15px;
  z-index: 9999;
  left: 0;
  /*padding: 15px;*/
}
.dynamicSearch .item {
  display: flex;
  /*padding: 15px;*/
  position: relative;
  margin-top: 3px;
}
.dynamicSearch .item img {
  max-height: 30px;
  max-width: 40px;
}
/*.dynamicSearch .item .info {*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
/*}*/
.dynamicSearch .item .itemName {
  font-size: 14px;
  margin-left: 15px;
  color: #0e53a5;
  font-weight: 600;
  transition: 0.1s all ease;
}
.dynamicSearch .item .itemName:hover {
  /*color: #C0B66E;*/
}
.dynamicSearch .ribbon {
  position: absolute;
  top: 40px;
  font-size: 8px;
  display:none;
}
.dynamicSearch .manufacturer .item .itemImageWrap{
  height: auto;
}
.dynamicSearch .manufacturer .item{
  align-items: flex-end;
  margin: 2px 0 2px 0px;
  min-height:25px;
}
.dynamicSearch .collection .item{
  align-items: center;
}
.dynamicSearch .item em{
  font-weight: bold;
  font-style: normal;
}
.dynamicSearch a.item:hover, .dynamicSearch a.active{
  /*background-color:#f5f5f5;*/
  background-color:#ddd;
  /*color: #0e53a5;*/
}

/*.dynamicSearch .manufacturer .item,*/
/*.dynamicSearch .collection .item{*/
/*  !*align-items: flex-end;*!*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  margin-right:3em;*/
/*  width: auto;*/
/*}*/
/*.dynamicSearch .manufacturer .item img {*/
/*  max-width: 150px;*/
/*  max-height: 25px;*/
/*}*/
/*.dynamicSearch .manufacturer .item .itemImageWrap {*/
/*  display: flex;*/
/*  align-items: flex-end;*/
/*}*/
/*.dynamicSearch .collection .item img {*/
/*  max-width: 110px;*/
/*  max-height: 70px;*/
/*}*/
/*.dynamicSearch .collection .item .itemImageWrap {*/
/*  display: flex;*/
/*  align-items: flex-end;*/
/*  height:auto;*/
/*}*/
/*.dynamicSearch .collection .item .itemName{*/
/*  max-width: 110px;*/
/*  overflow:hidden;*/
/*}*/
.dynamicSearchCategory {
  /*border-bottom: 2px solid #ececec;*/
  /*margin-bottom: 15px;*/
  margin-bottom: 10px;
}
.dynamicSearchCategory .items{
  display:flex;
  flex-direction: column;
}
.dynamicSearchCategory .item {
  /*width: 20%;*/
  /*vertical-align: top;*/
  margin: 0 0;
  padding: 0 10px 0 10px;
}
.dynamicSearchCategory .item .itemName {
  margin: 0;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  /*overflow: hidden;*/
  max-height: 20px;
  /*display: block;*/
}
.dynamicSearchCategory .item .itemImageWrap {
  /*width: 100%;*/
  height: 30px;
  /*margin: 15px 0;*/
  margin: 5px;
  width: 40px;
}
.dynamicSearchCategory .item .itemImageWrap.manufacturer {
  height: 40px;
}
.dynamicSearchCategory .item img {
  max-height: 100%;
  /*width: 100%;*/
  object-fit: contain;
  display: block;
}
.dynamicSearchCategory .item .priceInfo {
  font-size: 12px;
  color: #777;
  font-weight: 600;
  /*text-align: center;*/
  display: block;
}
.dynamicSearchHeading {
  display: block !important;
  font-size: 14px;
  color: #bbb;
  margin-bottom: 5px;
  padding: 10px 10px 5px 10px;
}
.showAll {
  width: 100%;
  padding: 5px;
  margin-top: 5px;
  background-color: #eee;
  text-align: center;
  color: #0e53a5;
  font-weight: 600;
  display: block;
  flex-wrap: wrap;
  font-size: var(--smaller-text);
}
/* ------------------- products.latte ------------------- */
.product-table .tabs h2{
  font-size: var(--smaller-text);
}
.product-table .tabs .item img{
  object-fit: cover;
  aspect-ratio: 3 / 2;
}
.product-table .tabs .item{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-table .tabs .item .body{
  display: flex;
  height: 100%;
  flex-direction: column;
  align-content: initial;
  justify-content: space-between;
}
.pagination{
  margin-top: 1.5rem;
  justify-content: center;
}
.pagination a{
  /* margin-top: 1.5rem; */
  border-radius: var(--tile-radius);
  padding: .25rem .5rem;
  display: block;
}
.pagination li{
  display: block;
}
.control-bar .label{
  font-size: var(--smaller-text);
  padding-top: .75rem;
  padding-bottom: .5rem;
  padding-right: 1rem;
}
.control-bar .nav-item{
  position: relative;
}
.control-bar .nav-link{
  font-size: .875rem;
  line-height: 1.5rem;
  color: var(--link-color);
  border-radius: var(--tile-radius);
}
.control-bar .nav-link.active::before{
  content: "";
  display: block;
  height: 0px;
  position: absolute;
  width: calc(100% - 6px);
  left: 3px;
  top: 1px;
  border-image: linear-gradient(to right, var(--lighter-grey-color), var(--grey-color) 10%, var(--grey-color) 80%, var(--lighter-grey-color)) 1;
  border-width: 1px;
  border-style: solid;
}
.sidebar{
  font-size: 14px;
  display: block;
}
/* .widget{
  padding-bottom: 30px;
} */
.widget .filter-title{
  font-weight: bold;
}
.sidebar .widget{
  margin-top: 1rem;
}
.widget hr {
  margin: 4px 0;
  opacity: .1;
}
.sidebar li{
  margin-top: .25rem;
}
.offcanvas .filter-show{
  /* margin:auto; */
  display:block;
  border-radius: var(--slider-radius);
  font-weight: normal;
  margin-right: .5rem;
}
.offcanvas .button-row{
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem 0 1.5rem 0;
  background-color: var(--subtle-grey-color);
}

.f-attrs{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.f-attrs .label{
  color: var(--pn-grey-color);
  font-size: var(--smaller-text);
  /* padding-right: .5rem; */
}
.f-attrs button{
  font-size: var(--smaller-text);
  font-weight: normal;
  padding-right: .25rem;
  border-radius: var(--filter-radius);
  margin-left: .5rem;
  margin-bottom: .25rem;
}
.f-attrs button::after{
  content: "\2715";
  margin-left: .25rem;
}
.f-attrs button:hover{
  filter: brightness(110%);
}
.f-attr{
  display: inline-block;
  background-color: var(--main-theme-color);
  padding: .25rem .75rem;
  border-radius: var(--tile-radius);
  color: var(--light-color);
}
.f-attrs button.remove-all{
  background-color: var(--grid-border-grey-color);
  border: 1px solid var(--grey-color);
  color: var(--dark-color);
  margin-left:0;
  margin-top:.5rem;
}
.f-attrs button.remove-all:hover{
  filter: brightness(95%);
}
/* .f-attr::before{
  content: 'x';
  background-color: var(--secondary-theme-color);
} */
@media only screen and (max-width:992px) {
  .control-bar a{
    font-size: var(--tab-small-text-size);
  }
  .control-bar .nav-link{
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
  }
  .control-bar .label{
    font-size: 80%;
    padding-top: .5rem;
    padding-bottom: .25rem;
    padding-right: .5rem;
  }
  .sidebar{
    font-size: var(--tab-small-text-size);
    display: none;
  }
}
@media only screen and (max-width:767.9px) {
  .control-bar .label{
    width: 100%;
    visibility: hidden;
  }
  .control-bar .nav-link{
    /* padding: .25rem;
    font-size: .75rem; */
  }
  .f-attrs .label{
    display:block;
    width:100%;
    padding-bottom: .25rem;
  }
  .f-attrs button:first-of-type{
    margin-left: 0;
  }
}
@media only screen and (max-width:576px) {
  .offcanvas.offcanvas-start{
    width: 100%;
  }
}

.detailed-filter{
  border-radius:var(--slider-radius);
  /* margin-top: 1rem; */
  padding-left: .5rem;
  font-weight: normal;
}
.detailed-filter img{
  margin-right: .5rem;
  margin-left: .25rem;
}

.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -36px;
}
.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}
.slider .hide {
  display: none;
}
.slider.slider-horizontal {
  width: 100%;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-track-low {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-tick {
  margin-left: -10px;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}
/* .slider.slider-horizontal .slider-tick.triangle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0;
} */
/* .slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0;
} */
.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .slider-tick {
  margin-left: initial;
  margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .tooltip {
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-track-low {
  width: 100%;
  left: 0;
  right: 0;
}
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.slider.slider-vertical .slider-tick {
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}
/* .slider.slider-vertical .slider-tick.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0;
} */
/* .slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0;
} */
.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}
.slider.slider-vertical .tooltip {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}
.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}
.slider.slider-vertical.slider-rtl .slider-tick.triangle {
  border-width: 10px 10px 10px 0;
}
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}
.slider.slider-disabled .slider-handle {
  background-image: linear-gradient(to bottom, var(--slider-handle-bg-start) 0%, var(--slider-handle-bg-end) 100%);
  background-repeat: repeat-x;
}
.slider.slider-disabled .slider-track {
  background-image: linear-gradient(to bottom, var(--slider-track-dis-grad-1) 0%, var(--slider-track-dis-grad-2) 100%);
  background-repeat: repeat-x;
  cursor: not-allowed;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: linear-gradient(to bottom, var(--slider-track-grad-1) 0%, var(--slider-track-grad-2) 100%);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: var(--slider-track-bg);
}
.slider-selection {
  position: absolute;
  /* background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); */
  opacity: .5;
  background-repeat: repeat-x;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-track-low {
  position: absolute;
  background: transparent;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-track-high {
  position: absolute;
  background: transparent;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  /* background-color: #fff; */
  /* background-repeat: repeat-x; */
  /* filter: none; */
  /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); */
  /* border-radius: 400px; */
  /* border: 5px solid; */
  cursor: pointer;
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: var(--slider-tick);
}
.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to bottom, var(--slider-tick-grad-1) 0%, var(--slider-tick-grad-2) 100%);
  background-repeat: repeat-x;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-tick.round {
  border-radius: 50%;
}
.slider-tick.triangle {
  background: transparent none;
}
.slider-tick.custom {
  background: transparent none;
}
.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: var(--slider-tick);
}
.slider-selection {
  background-color: var(--slider-selection-bg);
}
.slider-handle {
  /* border-color: #C0B66E; */
  /* background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(192,182,110,1) 35%); */
  /* background: radial-gradient(circle, rgba(192,182,110,1) 0%, rgba(219,209,174,1) 50%, rgba(192,182,110,1) 100%); */
  background-image: linear-gradient(135deg, var(--slider-handle-grad-1), var(--slider-handle-grad-2), var(--slider-handle-grad-1), var(--slider-handle-grad-2), var(--slider-handle-grad-1));
  border: 1px solid var(--slider-handle-border);
}

.widget .le-checkbox, .widget .category-filter label{
  cursor: pointer;
}


/* ========================================= collections.latte ========================== */
.grid-border-top{
  border-top: 1px solid var(--grid-border-grey-color);
}

/* ========================================= cart.latte ========================== */
.btn-circle{
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  line-height: 0;
  min-width: 36px;
  min-height: 36px;
}
.stepwizard{
  margin: 1rem 0;
  display: flex;
  justify-content: space-around;
  font-size: var(--smaller-text);
  position:relative;  
}
.stepwizard::before {
  top: 17px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: var(--pn-grey-color);
  z-index: 0;
}
.stepwizard-step {
  width: 25%;
  text-align: center;
}
.stepwizard-step button{
  margin:auto;
  margin-bottom: .5rem;
  opacity: 1 !important;
  z-index: 100;
  position:relative;
  line-height: 1.625rem;
}
.stepwizard-step .btn.btn-primary:disabled{
  border:none;
}
.stepwizard-step button:not(.btn-primary){
  background-color: white;
  border-color: var(--grey-color) !important;
}
.cart-holder{
  font-size: var(--smaller-text);
}
.cart-holder .title{
  font-weight: bold;
}
.cart-holder .cart-item{
  padding: .5rem 0;
  border-top: 1px solid var(--grey-color);
}
/* .cart-holder .cart-item:hover{
  background-color: var(--subtle-grey-color);
} */
.cart-holder .cart-item img{
  max-width: 100px;
  width: 100%;
}
.cart-holder .pn{
  font-size: var(--small-text);
  color: var(--pn-grey-color);
}
.cart-holder .price{
  text-align: right;
}
.cart-holder .price .no-vat{
  font-size: var(--small-text);
  color: var(--pn-grey-color);
}
.cart-holder .remove{
  background-color: var(--grey-color);
  padding: .5rem .625rem;
  color: var(--dark-color);
}
.cart-holder .remove:hover{
  color: var(--grid-border-grey-color);
}
.cart-holder .items-holder{
  border-top: 1px double var(--grey-color);
  padding-top: .25rem;
  margin-top: .25rem;
}
.cart-holder .items-holder:nth-child(1){
  border-top: 10px double var(--grey-color);
}
.cart-holder .col-wrapper{
  display: flex;
  /* flex-direction: row; */
  /* justify-content: space-evenly; */
}
.center-center{
  display: grid;
  place-items: center;
}
.le-quantity input {
  border: none;
  text-align: center;
  width: 100px;
  color: var(--quantity-box-color);
  font-size: 20px;
  background-color: var(--light-color);
}
.le-quantity {
  padding: 2px;
  position: relative;
  border: 1px solid var(--quantity-border-color);
  display: inline-block;
  vertical-align: top;
}
.le-quantity .minus {
  position: absolute;
  width: 5px;
  height: 100%;
  padding: 3px 14px;
  background-color: var(--quantity-box-bg-color);
  top: 0;
  color: var(--quantity-box-color);
  transition: all 0.3s ease;
  left: 0;
  border-right: 1px solid var(--quantity-border-color);
  z-index: 10;
}
.le-quantity .minus:hover {
  background-color: var(--quantity-button-bg-color);
}
.le-quantity .minus::after {
  color: var(--quantity-box-color);
  transition: all 0.3s ease;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  font-size: 10px;
  content: "\f068";
}
.le-quantity .plus {
  position: absolute;
  width: 5px;
  height: 100%;
  padding: 3px 14px;
  background-color: var(--quantity-box-bg-color);
  top: 0;
  color: var(--quantity-box-color);
  transition: all 0.3s ease;
  border-left: 1px solid var(--quantity-border-color);
  right: 0;
  z-index: 10;
}
.le-quantity .plus:hover {
  background-color: var(--quantity-button-bg-color);
}
.le-quantity .plus::after {
  color: var(--quantity-box-color);
  transition: all 0.3s ease;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  font-size: 10px;
  content: "\f067";
}

@media only screen and (max-width:768px) {
  .cart-holder .cart-item{
    padding: 1rem 0;
  }
  .cart-item .center-center{
    place-items: end;
    margin: .25rem;
    /* padding-right: 1.5rem; */
  }
  .cart-holder .pn{
    margin-top: .5rem;
  }
  .cart-holder .thumb{
    order: 3;
    margin-top: 1rem;
    justify-content: center;
    display: flex;
    margin-bottom: 1rem;
  }
  .cart-holder .thumb img{
    max-width: 150px;
  }
  .cart-holder .title{
    order: 1;
    padding: 0;
    padding-left: .5rem;
  }
  .cart-holder .col-wrapper{
    order: 4;
    display: flex;
    flex-direction: column;
    /* align-items: end; */
    margin-top: 1rem;
    padding-right: 2rem;
    justify-content: space-between;
  }
  .cart-holder .quantity{
    order: 4;
    margin: 0;
  }
  .cart-holder .price{
    order: 5;
    margin:0;
    margin-top: .5rem;
  }
  .cart-holder .item-remove{
    order: 2;
    place-items: baseline;
    margin: 0;
    justify-content: center;
    padding:0;
    padding-right: .5rem;
  }
  .cart-thumb{
    display: grid;
    place-items: center;
  }
}
/* ========================================= order.latte ========================== */
.order-form .billing-address label{
  margin: .5rem 0 .25rem 0;
}
.order-form h2{
  padding-bottom: 0;
  color: var(--pn-grey-color);
  margin-top: 1.5rem;
}
.order-form small{
  color: var(--dark-grey-color);
}
.order-form h2::first-letter{
  text-transform: capitalize;
}
.order-form .payment-method-option{
  margin-top: 1rem;
}
.order-form .payment-method-option label{
  font-weight: bold;
  cursor: pointer;
}
.order-form .radio-desc{
  margin-top: .25rem;
  font-size: var(--smaller-text);
  font-weight: normal;
}
/* .delivery-accordion h2{
  display: none;
}
.delivery-accordion > h2.mobile{
  display: block;
} */

@media only screen and (min-width:768px) {
  .delivery-accordion .accordion-button{
    background-color: transparent !important;
    cursor: default;
  }
  .delivery-accordion .accordion-button:after{
    display: none;
  }
  .delivery-accordion h2.mobile{
    display: none;
  }
  .delivery-accordion h2:not(.mobile){
    display: block;
  }
}
/* ========================================= checkout.latte ========================== */
.cart-holder span.label{
  color: var(--dark-grey-color);
  margin-right: .75rem;
}
.cart-holder .price.final{
  margin-top: 1rem;
}
.cart-holder h5{
  font-size: 1rem;
  /* white-space: nowrap; */
}
.cart-label{
  background-color: var(--decent-grey);
  align-items: baseline;
}
.cart-label h5{
  font-size: var(--tab-small-text-size);
  white-space: nowrap;
  margin: .5rem 0;
}
.cart-holder .price.no-vat{
  font-weight: normal;
}
.order-form{
  font-weight: bold;
}
.order-form label{
  font-weight: normal;
}
.order-form h2{
  font-weight: bold;
  font-size: 1rem;
  border-bottom: 1px solid var(--grey-color);
  padding-bottom: .25rem;
}
.order-form .value-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid{
  display:grid;
}
.hp.grid{
  text-align: center;
  grid-template-columns: repeat(3, 1fr);
  column-gap: .5rem;
  row-gap: 1.5rem;
}
.hp.grid .thumbnail{
  margin-bottom: 0;
  height: 100%;
}
.search .grid{
  grid-template-columns:repeat(2, 1fr);
  border-top: 1px solid var(--grid-border-grey-color);
}
.search h3{
  font-weight: bold;
  background-color: var(--slider-caption-grey-color);
  padding: .5rem;
}
@media only screen and (min-width:576px) {
  .hp.grid{
    grid-template-columns: repeat(3, 1fr);
  }
  .search .grid{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width:768px) {
  .hp.grid{
    grid-template-columns: repeat(5, 1fr);
  }
  .search .grid{
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width:992px) {
  .hp.grid{
    grid-template-columns: repeat(6, 1fr);
  }
  .search .grid{
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width:1200px) {
  .hp.grid{
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (min-width:1400px) {
  .hp.grid{
    grid-template-columns: repeat(8, 1fr);
  }
  .search .grid{
    grid-template-columns: repeat(6, 1fr);
  }
}