/*
 Theme Name:   Pepper Perfect Theme
 Theme URI:    https://pepperperfect.com
 Description:  Child theme for GeneratePress
 Author:       Hotlaunch Dev Team
 Author URI:   https://hotlaunch.com
 Template:     generatepress
 Version:      0.1
*/

/* Fonts */
@font-face {
    font-family: 'Barlet';
    src: url('assets/fonts/BarletRegular.eot');
    src: url('assets/fonts/BarletRegular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BarletRegular.woff2') format('woff2'),
        url('assets/fonts/BarletRegular.woff') format('woff'),
        url('assets/fonts/BarletRegular.ttf') format('truetype'),
        url('assets/fonts/BarletRegular.svg#BarletRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* General */
.ft-barlet{
	font-family: 'Barlet';
}
.site .site-content{
  padding-top: 100px;
  padding-bottom: 100px;
}
.home .site .site-content,
body.page-id-168 .site .site-content{
  padding:0px;
}
body a.generate-back-to-top{
  font-size: 30px;
  border-radius: 8px;
}
body .search-form{
  margin-top: 30px;
}
body .search-form label{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
body .search-form .search-field{
  padding: 0.5em;
}
body .search-form .search-submit{
  padding:15px 20px;
  border-radius: 8px;
}
body.search-results .post-image:not(:first-child),
body.search-results .entry-content:not(:first-child), body.search-results .entry-summary:not(:first-child), body.search-results .page-content:not(:first-child){
  margin-top: 15px;
}
body.search-results .site-main article{
  margin-bottom: 30px;
}

/* Login/Register */
body .woocommerce form .form-row .input-text, 
body .woocommerce form .form-row select,
body .select2-container .select2-dropdown, 
body .select2-container .select2-selection{
	background-color:transparent;
	border:1px solid var(--green);
	border-radius:0px;
	color:var(--cream);
}
body .select2-container .select2-dropdown{
	background-color:var(--black);
}
body .select2-container .select2-selection{
  background-color: transparent;
}
.select2-container .select2-selection--single .select2-selection__arrow b{
  background:url('assets/images/dropdown-arrow.svg') no-repeat;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  color: var(--cream);
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
  background-color: var(--green);
  color: var(--black);
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  border-color: var(--cream);
  padding: 0.5em;
}
body .woocommerce form .form-row label{
	font-size:18px;
}
body .woocommerce form em{
	font-size:14px;
}
/* My Account */
body .site-main .woocommerce-MyAccount-navigation li{
	margin-bottom:5px;
}
body .woocommerce-MyAccount-navigation li a{
	padding:17px 15px 15px 15px;
	background: var(--cream);
  color: var(--black);
  border:1px solid var(--cream);
  font-size:inherit;
  font-family: 'Barlet';
  border-radius: 8px;
}
body .woocommerce-MyAccount-navigation li.is-active a,
body .woocommerce-MyAccount-navigation li a:hover{
	background: var(--green);
  color: var(--black);
	border:1px solid var(--green);
	font-weight:normal;
}
body .woocommerce-error a, 
body .woocommerce-info a, 
body .woocommerce-message a{
	text-decoration:underline !important;
}
body .woocommerce-error a:hover, 
body .woocommerce-info a:hover, 
body .woocommerce-message a:hover{
	text-decoration:none !important;
}
body fieldset legend{
	  padding: 20px 0 0 0;
    margin-bottom: 10px;
    font-family: 'Barlet';
}
body .woocommerce #respond input#submit, 
body .woocommerce a.button, 
body .woocommerce button.button, 
body .woocommerce input.button{
    padding:14px 12px 12px 12px;
    border-radius: 8px;
    line-height: 1;
}
.woocommerce form .form-row input.input-text::-webkit-input-placeholder,
.woocommerce form .form-row textarea::-webkit-input-placeholder,
.woocommerce form .form-row select::-webkit-input-placeholder,
body.woocommerce form.cart .quantity .qty::-webkit-input-placeholder,
body #add_payment_method table.cart input::-webkit-input-placeholder, 
body.woocommerce-cart table.cart input::-webkit-input-placeholder, 
body.woocommerce-checkout table.cart input::-webkit-input-placeholder,
body .search-form .search-field::-webkit-input-placeholder,
body .select2-container--default .select2-selection--single .select2-selection__placeholder,
body .select2-container .select2-selection--single .select2-selection__placeholder{ /* Chrome/Opera/Safari */
  color: var(--cream);
}
.woocommerce form .form-row input.input-text::-moz-placeholder,
.woocommerce form .form-row textarea::-moz-placeholder,
.woocommerce form .form-row select::-moz-placeholder,
body.woocommerce form.cart .quantity .qty::-moz-placeholder,
body #add_payment_method table.cart input::-moz-placeholder, 
body.woocommerce-cart table.cart input::-moz-placeholder, 
body.woocommerce-checkout table.cart input::-moz-placeholder,
body .search-form .search-field::-moz-placeholder{ /* Firefox 19+ */
  color: var(--cream);
}
.woocommerce form .form-row input.input-text:-ms-input-placeholder,
.woocommerce form .form-row textarea:-ms-input-placeholder,
.woocommerce form .form-row select:-ms-input-placeholder,
body.woocommerce form.cart .quantity .qty:-ms-input-placeholder,
body #add_payment_method table.cart input:-ms-input-placeholder, 
body.woocommerce-cart table.cart input:-ms-input-placeholder, 
body.woocommerce-checkout table.cart input:-ms-input-placeholder,
body .search-form .search-field:-ms-input-placeholder{ /* IE 10+ */
  color: var(--cream);
}
.woocommerce form .form-row input.input-text:-moz-placeholder,
.woocommerce form .form-row textarea:-moz-placeholder,
.woocommerce form .form-row select:-moz-placeholder,
body.woocommerce form.cart .quantity .qty:-moz-placeholder,
body #add_payment_method table.cart input:-moz-placeholder, 
body.woocommerce-cart table.cart input:-moz-placeholder, 
body.woocommerce-checkout table.cart input:-moz-placeholder,
body .search-form .search-field:-moz-placeholder{ /* Firefox 18- */
  color: var(--cream);
}
body .woocommerce-error,
body .woocommerce-info,
body .woocommerce-message{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
}
body .woocommerce-NoticeGroup .woocommerce-error{
	flex-direction:column;
	align-items: flex-start;
}
body .woocommerce-NoticeGroup .woocommerce-error a{
	color: inherit;
	text-decoration:none !important;
}
body .woocommerce-error a.button,
body .woocommerce-info a.button,
body .woocommerce-message a.button{
  float: none !important;
  margin-left: auto;
}
body .woocommerce-error:after,
body .woocommerce-info:after,
body .woocommerce-message:after{
  display: none;
}
body.woocommerce-account form button[type="submit"]{
  margin-top: 20px;
}
body .woocommerce table.my_account_orders .button{
  margin: 2px;
}
body .woocommerce-MyAccount-content h2,
body #customer_login h2{
  font-size: 33px;
}
body.woocommerce-edit-address .woocommerce .addresses{
  margin-top:30px;
}
body.woocommerce-add-payment-method #add_payment_method .woocommerce-PaymentMethods.payment_methods.methods{
  background-color: rgba(227, 209, 177, 0.3);
  padding: 15px !important;
}
body .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{
  margin-top: 25px;
}
body.woocommerce-checkout .woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
body.woocommerce-checkout .woocommerce .woocommerce-form-coupon .button{
  margin-top: 20px;
}
body.woocommerce-checkout .woocommerce form.woocommerce-form-login .form-row-first, body.woocommerce-checkout .woocommerce form.woocommerce-form-login .form-row-last, body.woocommerce-checkout.woocommerce-page form.woocommerce-form-login .form-row-first, body.woocommerce-checkout.woocommerce-page form.woocommerce-form-login .form-row-last,
body.woocommerce-checkout .woocommerce form.woocommerce-form-coupon .form-row-first,
body.woocommerce-checkout.woocommerce-page form.woocommerce-form-coupon .form-row-first,
body.woocommerce-edit-address .woocommerce form .woocommerce-address-fields .form-row-first, body.woocommerce-edit-address .woocommerce form .woocommerce-address-fields .form-row-last, body.woocommerce-edit-address.woocommerce-page form .woocommerce-address-fields .form-row-first, body.woocommerce-edit-address.woocommerce-page form .woocommerce-address-fields .form-row-last{
  width: 49%;
}
body .woocommerce-password-strength{
  color: var(--black);
  font-size: 18px;
}
body .woocommerce-MyAccount-content #add_payment_method #payment ul.payment_methods li.woocommerce-PaymentMethod>input[type=radio]:first-child{
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
body .woocommerce-MyAccount-content #payment .payment_methods .woocommerce-PaymentMethod{
  cursor: pointer;
}
body .woocommerce-MyAccount-content #payment .payment_methods .woocommerce-PaymentMethod>label:before{
  font-family: WooCommerce;
  content: "\e039";
  display: inline-block;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  margin-right: .5407911001em;
  transition: color, ease, .2s;
}
body .woocommerce-MyAccount-content #add_payment_method #payment ul.payment_methods li.woocommerce-PaymentMethod>input[type=radio]:first-child:checked+label{
  font-weight: 700;
}
body .woocommerce-MyAccount-content #add_payment_method #payment ul.payment_methods li.woocommerce-PaymentMethod>input[type=radio]:first-child:checked+label:before {
    content: "\e03c";
}
/* Chili */
.chili-icons{
  padding-left: 11px;
}
.chili-icons img{
  width: 34px !important;
  height: 40px !important;
  margin-left: -11px;
  display: inline-block;
}
/* Spices */
.spice-meter-wrapper{
	max-width: 355px;
    position: relative;
    padding-top: 110px;
}
.spice-flame-wrapper{
	position: absolute;
    left: 9px;
    top: 0;
    z-index: -1;
	transition: opacity 2s;
	opacity:0;
}
.spice-flame-wrapper.spice-flame-active{
	opacity:1;
}
.spice-meter{
	max-width:335px;
	position:relative;
	padding-bottom:30px;
}
.spice-meter .tag{
	display:inline-block;
	font-family: 'Barlet';
	font-size:33px;
	line-height:normal;
	position: absolute;
	bottom:0px;
}
.spice-meter .tag.left{
	left:18px;
}
.spice-meter .tag.right{
	right:18px;
}
.spice-meter-inner {
  position: relative;
  width: 100%;
  height: 178px;
  margin-bottom: 0px;
}
.spice-meter-inner .meter-img{
	width:100%;
	height:100%;
}
.needle {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%) translatey(0%) rotate(-15deg);
  height: 52px !important;
  width: 165px;
  /* transition: transform 2s;  */
  transition: transform 2s cubic-bezier(.26,.95,.6,1.12); /* allow easy override in JS */
  z-index: 2; 
}
/* Needle rotation positions for each level */
.needle.level-1 { transform: translateX(-50%) translatey(0%) rotate(3deg); }
.needle.level-2 { transform: translateX(-50%) translatey(0%) rotate(43deg); }
.needle.level-3 { transform: translateX(-50%) translatey(0%) rotate(87deg); }
.needle.level-4 { transform: translateX(-50%) translatey(0%) rotate(133deg); }
.needle.level-5 { transform: translateX(-50%) translatey(0%) rotate(173deg); }

/* Header */
.main-navigation .menu-bar-item>a.cart-contents.shopping-cart:hover{
  opacity: 0.8;
}
.cart-contents .shopping-cart svg{
  display: none;
}
.cart-contents .shopping-cart{
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.cart-contents .shopping-cart:after{
  content: '';
  background: url('assets/images/shopping-cart-icon.svg') no-repeat center center;
  height: 58px;
  width: 62px;
  display: inline-block;
  position: relative;
  background-size: 100%;
}
body .cart-contents > span.number-of-items{
  font-size: 10px;
  background: var(--red);
  line-height: 20px;
  height: 20px;
  width: 20px;
  top: -23px;
  color: #fff;
}
.wc-mini-cart .woocommerce.widget_shopping_cart .cart_list li{
  min-height: 50px;
}
.wc-mini-cart .woocommerce ul.cart_list li a, .wc-mini-cart .woocommerce ul.product_list_widget li a{
  font-size: 16px;
  font-weight: 400;
}
.woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong{
  font-weight: 400;
}
#wc-mini-cart{
  right: 20px;
}
.wc-menu-item .wc-mini-cart .widget_shopping_cart{
  border: 1px solid var(--cream);
}
#wc-mini-cart .total{
  border-top: 1px solid var(--cream);
  border-bottom: 1px solid var(--cream);
}
.wc-mini-cart .widget_shopping_cart .woocommerce-mini-cart__buttons:before,
.wc-mini-cart .widget_shopping_cart .woocommerce-mini-cart__buttons:after{
  display: none;
}
.wc-mini-cart .widget_shopping_cart .woocommerce-mini-cart__buttons{
  justify-content: space-between;
}
.wc-mini-cart .woocommerce.widget_shopping_cart .total{
  font-size: 16px;
}
.wc-mini-cart .woocommerce.widget_shopping_cart .cart_list li .quantity,
.wc-mini-cart .woocommerce.widget_shopping_cart .total .amount{
  font-family: Alata, sans-serif;
}
.wc-mini-cart .woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons a{
  font-size: 15px;
}
#wc-mini-cart .woocommerce-mini-cart-item a:hover{
  color: var(--green);
}
body .woocommerce.widget_shopping_cart .cart_list li a.remove {
    color: #fff !important;
    background-color: var(--red) !important;
    border-color: var(--red) !important;
}
body .woocommerce.widget_shopping_cart .cart_list li a.remove{
  line-height: 1;
}
body .woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons a {
    padding: 16px 14px 14px 14px;
    line-height: 1;
}
body nav.main-navigation{
  padding-top: 30px;
}
/* Logo margin-top removed - handled by animation CSS below */
nav .menu-toggle .gp-icon.icon-menu-bars{
  font-size: 30px;
  padding-top: 12px;
}
body .slideout-overlay{
  background-color: rgba(0, 0, 0, .5);
}
/* Footer */
footer.site-info{
  background: transparent !important;
  position: absolute;
  bottom: 100px;
  right: 115px;
  z-index: 1;
}
.site-footer > .site-info{
  position: relative;
  padding: 410px 110px 95px 50px;
}
.site-footer > .site-info:after{
  content: '';
  background: rgba(0,0,0,0.3);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
}
.footer-widgets {
  position: relative;
  z-index: 1;
}
.site-footer .inside-footer-widgets{
  align-items: self-end;
}
.site-footer .footer-widgets-container .inner-padding.widget_nav_menu{
  padding-bottom: 80px;
}
.site-footer .widget_nav_menu .menu{
  display: flex;
  flex-wrap: wrap;
  gap: 56px;
  justify-content: flex-end;
}
.site-footer .widget_nav_menu .menu .menu-item{
  margin:0px;
}
.site-footer .widget_nav_menu .menu .menu-item a{
  font-family: 'Barlet';
  font-size: 22px;
  color: var(--cream);
}
.site-footer .widget_nav_menu .menu .menu-item a:hover,
.site-footer .widget_nav_menu .menu .menu-item.current-menu-item > a{
  color: var(--green);
}
/* Shop */
body .inside-wc-product-image{
  display: block;
}
.woocommerce ul.products li.product a .wc-product-image .inside-wc-product-image{
  overflow: hidden;
}
.woocommerce ul.products li.product a .wc-product-image img{
  transition: all 0.3s;
}
.woocommerce ul.products li.product a .wc-product-image:hover img{
  transform: scale(1.1);
  transition: all 0.3s;
}
body.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2{
  margin-top: 20px !important;
}
.woocommerce ul.products li.product .price{
  font-size: 24px;
  font-weight: 400 !important;
}
body.woocommerce div.product p.price, body.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
  font-weight: 400;
  margin-top: 0px !important;
}
body.woocommerce ul.products li.product.woocommerce-text-align-left .button{
  margin-top: 0px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  gap: 5px;
}
body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button, body .wc-block-components-button{
  border-radius: 8px;
  line-height: 1;
  padding:14px 12px 12px 12px;
}
body.woocommerce ul.products li.product .button.add_to_cart_button,
body .woocommerce ul.products li.product .button.add_to_cart_button{
  background-image: url('assets/images/shopping-cart-icon-btn.svg');
  background-repeat: no-repeat;
  background-position: left 5px center;
  background-size: 34px;
  padding-left: 55px;
  margin-top: 0px;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title{
  color: var(--green);
}
/* Sidebar Cart */
.woofc-area.woofc-position-01{
  border:1px solid var(--cream);
  font-size: 16px;
}
.woofc-area.woofc-style-01 .woofc-area-top{
  color: var(--cream);
  font-family: 'Barlet';
  font-weight: 400;
  border-bottom:1px solid var(--cream);
}
.woofc-area.woofc-style-01 .woofc-area-top .woofc-close {
    background-color: var(--red);
    border-radius: 25px;
    height: 25px;
    width: 25px;
    line-height: 27px;
    font-size: 16px;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner{
  padding:0px;
  background-color: transparent;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title{
  font-weight: 400;
  font-size: 16px;
  color: var(--cream);
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a{
  color: var(--cream);
  font-family: 'Barlet';
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a:hover{
  color: var(--green);
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span{
  background-color: var(--red);
  color: #fff;
  border-radius: 20px;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner{
  border: 1px solid var(--cream);
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual,
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover{
  background:transparent;
  color: var(--cream);
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input{
  color: var(--cream);
  background:transparent;
  border-left: 1px solid var(--cream);
  border-right: 1px solid var(--cream);
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link span,
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span{
  color: var(--cream);
  border-color: var(--cream);
  font-family: 'Barlet';
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link span:hover,
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span:hover{
  color: var(--green);
  border-color: var(--green);
  opacity: 1;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-01 .woofc-area-bot .woofc-total,
.woofc-area.woofc-style-01 .woofc-no-item, .woofc-area.woofc-style-01 .woofc-error{
  color: var(--cream);
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-01 .woofc-area-bot .woofc-total .woofc-data-left{
  font-family: 'Barlet';
}
.woofc-area .woofc-area-bot .woofc-data .woofc-data-right, .woofc-area .woofc-area-bot .woofc-total .woofc-total-right{
  font-weight: 400;
  font-family: Alata, sans-serif;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
    font-family: 'Barlet';
    font-weight: 400;
    border: none;
    background: var(--green);
    color: var(--black);
    border-radius: 8px;
    line-height: 1;
    padding: 12px 10px 10px 10px;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover{
  border:none;
  background: var(--cream);
  color:var(--black);
}
.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner{
  color: var(--cream);
  border-color: var(--cream);
}
.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner a{
  color: var(--cream);
}
.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner a:hover{
  color: var(--green);
}
body .woofc-count{
  background-color: var(--cream);
  left:30px;
  bottom: 30px;
}
body .woofc-count i{
  color: var(--black);
}
body .woofc-count span {
    background-color: var(--red);
}
/* Product Detail */
.woocommerce div.product .product_title{
  font-family: Alata, sans-serif;
}
.woocommerce div.product .product_title,
body.woocommerce div.product .entry-summary p.price{
  font-size: 64px;
}
body.woocommerce div.product .entry-summary p.price{
  margin-bottom: 35px;
}
.woocommerce div.product form.cart div.quantity{
  font-size: 45px;
  order:2;
  margin-left: 25px;
  max-width: 135px;
}
body.woocommerce form.cart .quantity .qty{
  font-size: inherit;
  width: 100%;
  max-width: 100%;
}
body.woocommerce form .quantity.buttons-added .qty, body.woocommerce form .quantity.buttons-added .minus, body.woocommerce form .quantity.buttons-added .plus, body .do-quantity-buttons form .quantity:not(.buttons-added):before, body .do-quantity-buttons form .quantity:not(.buttons-added):after, body .woocommerce-ordering select, body .variations .value select{
  border: none;
  font-family: 'Barlet';
}
.woocommerce div.product form.cart .button{
  order:1;
  background-image: url('assets/images/shopping-cart-icon-btn.svg');
  background-repeat: no-repeat;
  background-position: left 9px center;
  padding: 24px 22px 22px 100px;
  font-size: 40px;
  line-height: 1;
}
body.woocommerce div.product form.cart{
  margin-bottom: 28px;
}
body .woocommerce-product-details__short-description{
  font-size: 40px;
}
#spice-meter-sec{
  margin-top: 100px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
  /* border:1px solid var(--cream); */
  overflow: hidden;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
  height:800px;
  object-fit: cover;
  /* padding: 5px; */
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
  background:var(--green) ;
}
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale{
  font-family: 'Barlet';
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del{
  font-size: 85%;
}
.back-to-spices{
  margin-top: 100px;
}
.back-to-spices .back-link{
  background:url('assets/images/back-btn-chili.svg') no-repeat left center;
  font-family: 'Barlet';
  font-size: 50px;
  color:var(--cream);
  padding-left: 85px;
}
.back-to-spices .back-link:hover{
  color:var(--green);
}
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper,
body.woocommerce div.product .related.products{
  padding-top: 50px;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs{
  display: none;
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.related.products h2{
  margin-bottom: 30px;
  font-size: 33px;
}
.woocommerce div.product form.cart .group_table td{
  vertical-align: middle;
}
.woocommerce div.product form.cart .group_table td del{
  font-size: 85%;
  opacity: .5;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label a{
  color: var(--cream);
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label a:hover{
  color: var(--green);
}
.woocommerce div.product form.cart table{
  border:1px solid var(--cream);
  font-size: 30px;
}
.woocommerce div.product form.cart .group_table td:first-child{
  width: 150px;
  padding-left: 8px;
}
.woocommerce div.product form.cart .group_table tr td{
  border-bottom:1px solid var(--cream);
}
.woocommerce div.product form.cart .group_table tr:last-child td{
  border-bottom:none;
}
.woocommerce div.product form.cart .group_table tr:nth-child(odd) td,
.woocommerce div.product form.cart .group_table tr:hover td  {
  background-color: rgba(227, 209, 177, 0.3);
}
.woocommerce div.product div.images .flex-control-thumbs{
  margin-top: 20px;
}
body.woocommerce div.product div.images .flex-control-thumbs li{
  max-width: 100%;
}

/* Cart */
body .woocommerce table.shop_table{
  border:1px solid var(--cream);
}
body .woocommerce table.shop_table td, body .woocommerce table.shop_table th{
  border-bottom:1px solid var(--cream);
}
body .woocommerce table.shop_table tbody tr:last-child td, 
body .woocommerce table.shop_table tbody tr:last-child th{
  border-bottom:none;
}
body .woocommerce table.shop_table tbody tr:nth-child(odd) td, body .woocommerce table.shop_table tbody tr:hover td,
body .woocommerce table.shop_table tbody tr:nth-child(odd) th, body .woocommerce table.shop_table tbody tr:hover th  {
  background-color: rgba(227, 209, 177, 0.3);
}
body .woocommerce table.shop_table th{
  font-weight: 400;
}
body .woocommerce table.shop_table th,
body .woocommerce table.shop_table td.product-name a{
  font-family: 'Barlet';
}
body .woocommerce table.shop_table td.product-name a{
  color: var(--cream);
}
body .woocommerce table.shop_table td.product-name a:hover{
  color: var(--green);
}
body .woocommerce a.remove,
body .woocommerce a.remove:hover{
  background-color: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
}
body #add_payment_method table.cart img, body.woocommerce-cart table.cart img, body.woocommerce-checkout table.cart img{
  width: 64px;
}
body .woocommerce form .quantity.buttons-added .qty, body .woocommerce form .quantity.buttons-added .minus, body .woocommerce form .quantity.buttons-added .plus, body .do-quantity-buttons form .quantity:not(.buttons-added):before, body .do-quantity-buttons form .quantity:not(.buttons-added):after, body .woocommerce-ordering select, body .variations .value select{
  border-color: rgba(255, 255, 255, 0.2);
  font-family: 'Barlet';
}
body #add_payment_method table.cart td.actions .coupon .input-text, body.woocommerce-cart table.cart td.actions .coupon .input-text, body.woocommerce-checkout table.cart td.actions .coupon .input-text{
  border-color: var(--green);
}
body .woocommerce #content table.cart td.actions .coupon, body .woocommerce table.cart td.actions .coupon, body.woocommerce-page #content table.cart td.actions .coupon, body.woocommerce-page table.cart td.actions .coupon{
  display: flex;
  flex-wrap: wrap;
  max-width: 70%;
  gap: 15px;
}
body .woocommerce #content table.cart td.actions .coupon:before, body .woocommerce table.cart td.actions .coupon:before, body.woocommerce-page #content table.cart td.actions .coupon:before, body.woocommerce-page table.cart td.actions .coupon:before,
body .woocommerce #content table.cart td.actions .coupon:after, body .woocommerce table.cart td.actions .coupon:after, body.woocommerce-page #content table.cart td.actions .coupon:after, body.woocommerce-page table.cart td.actions .coupon:after{
  display: none !important;
}
body .woocommerce #content table.cart td.actions .coupon #coupon-error-notice, body .woocommerce table.cart td.actions .coupon #coupon-error-notice, body.woocommerce-page #content table.cart td.actions .coupon #coupon-error-notice, body.woocommerce-page table.cart td.actions .coupon #coupon-error-notice{
  width: 100%;
  word-break: break-word;
  margin-top: 0px;
}
body .woocommerce #content table.cart td.actions .input-text, body .woocommerce table.cart td.actions .input-text, body.woocommerce-page #content table.cart td.actions .input-text, body.woocommerce-page table.cart td.actions .input-text{
  width: 200px;
  padding: 0.5em;
  margin-right: 0px;
}
body .woocommerce .cart .button, body .woocommerce .cart input.button{
  padding: 21px 19px 19px 19px !important;
  color: var(--black) !important;
  font-size: 20px;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-form .button{
  margin-top: 15px;
}
body #add_payment_method .wc-proceed-to-checkout a.checkout-button, body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
  font-size: 20px;
  padding: 22px 20px 20px 20px;
}
body .woocommerce .cart-collaterals, body.woocommerce-page .cart-collaterals{
  margin-top: 100px;
}
body .woocommerce .cart-collaterals .cross-sells h2, body.woocommerce-page .cart-collaterals .cross-sells h2,
body .woocommerce .cart-collaterals .cart_totals h2, body.woocommerce-page .cart-collaterals .cart_totals h2{
  margin-bottom: 30px;
  font-size: 33px;
}
/* Checkout */
body .woocommerce form .form-row textarea{
  min-height: 150px;
}
body .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields{
  margin-top: 15px;
}
body .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address{
  font-family: Alata, sans-serif;
}
body .woocommerce table.shop_table tfoot th,
body.woocommerce table.shop_table tfoot th{
  background-color: rgba(227, 209, 177, 0.3);
}
body .woocommerce form.woocommerce-form-coupon .form-row-last, body.woocommerce-page form.woocommerce-form-coupon .form-row-last{
  float: none;
}
body .woocommerce form.checkout.woocommerce-checkout .form-row-first, body .woocommerce form.checkout.woocommerce-checkout .form-row-last, body.woocommerce-page form.checkout.woocommerce-checkout .form-row-first, body.woocommerce-page form.checkout.woocommerce-checkout .form-row-last{
  width: 49%;
}
body.woocommerce-checkout #payment ul.payment_methods{
  background-color: rgba(227, 209, 177, 0.3);
  margin-bottom: 15px;
}
body #add_payment_method #payment ul.payment_methods li, body.woocommerce-cart #payment ul.payment_methods li, body.woocommerce-checkout #payment ul.payment_methods li{
  padding:0px;
}
body #payment .payment_methods>.wc_payment_method>label{
  padding:10px 20px;
}
body #add_payment_method #payment div.payment_box, body.woocommerce-cart #payment div.payment_box, body.woocommerce-checkout #payment div.payment_box{
  padding: 0px 1em;
}
body .wc-stripe-card-icons-container, body .wc-stripe-paymentRequest-icons-container{
  margin-top: 15px;
}
body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{
  margin-bottom: 20px;
}
body .woocommerce #payment #place_order, body.woocommerce-page #payment #place_order{
  padding-top: 22px;
  font-weight: 400;
  font-size: 20px;
}
body #wc-stripe-card-element.payment-type{
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.7) !important;
}
body .woocommerce form .form-row.create-account label.checkbox, body.woocommerce-page form .form-row.create-account label.checkbox{
  font-size: inherit;
}
.woocommerce form #ship-to-different-address .input-checkbox{
  margin-right:8px;
}
body .woocommerce table.shop_table tfoot th, body .woocommerce table.shop_table tfoot td, body.woocommerce table.shop_table tfoot th, body.woocommerce table.shop_table tfoot td{
  border-top: 1px solid var(--cream);
}
body input[type=radio]+label.wc-stripe-label-payment-type,body label.wc-stripe-label-klarna-category,body label.wc-stripe-label-payment-type{
  cursor: pointer;
  color: inherit;
}
body label.wc-stripe-label-klarna-category:before, body label.wc-stripe-label-payment-type:before{
  font-family: WooCommerce;
  content: "\e039";
  display: inline-block;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  margin-right: .5407911001em;
  transition: color, ease, .2s;
  box-shadow: none;
  background: transparent;
  border: none;
  height: auto;
  width: auto;
  margin-left: 0px;
}
body input.wc-stripe-klarna-category:checked+label.wc-stripe-label-klarna-category:before,body input.wc-stripe-payment-type:checked+label.wc-stripe-label-payment-type:before{
  content: "\e03c";
  background:transparent;
}
body input.wc-stripe-klarna-category:checked+label.wc-stripe-label-klarna-category,body input.wc-stripe-payment-type:checked+label.wc-stripe-label-payment-type{
  font-weight: 700;
}
body li[class*=payment_method_stripe] .wc-stripe-saved-methods-container .select2-container .select2-selection--single{
  height: auto;
  padding:0px;
}
body .wc-stripe-saved-methods-container .select2-results__options li.wc-stripe-select2-container,body .wc-stripe-saved-methods-container .select2-container .select2-selection--single .wc-stripe-select2-container{
  padding: .5em;
  line-height: normal !important;
  box-sizing: border-box;
  font-weight: 400;
  height: auto !important;
}
body li[class*=payment_method_stripe] .wc-stripe-saved-methods-container .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 2px;
  right: .5em;
  height: 100%;
  width: 16px;
}
body .select2-results__options li.wc-stripe-select2-container, body .wc-stripe-saved-methods-container .select2-container .select2-selection--single .wc-stripe-select2-container{
  height: auto !important;
  line-height: 1.5 !important;
}
body .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox{
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
body .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox .input-checkbox{
  height: 20px;
  width: 20px;
  position: absolute;
  opacity: 0;
  top: 8px;
  left:0px;
  margin-top: 0;
}
body .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox .input-checkbox + span:before{
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 3px;
  display: block;
  height: 20px;
  width: 20px;
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
}
body .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox .input-checkbox:checked + span:after{
  border: solid #2196f3;
  border-width: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 12px;
  left: 6px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 7px;
  content: '';
  position: absolute;
}

/* Thank You */
body .woocommerce-order .woocommerce-thankyou-order-received{
  margin-bottom: 30px;
}
body .woocommerce ul.order_details li{
  border-right-color:var(--cream);
}
body .woocommerce .woocommerce-order-details{
  margin-top: 30px;
}
body .woocommerce .woocommerce-order h2{
  font-size: 33px;
}
body .woocommerce ul.order_details{
  margin-bottom: 30px;
}
body .woocommerce .woocommerce-customer-details address{
  padding: 0px;
}
/* Homepage */
/* body .woocommerce.home-product-list > .products, */
body .woocommerce .cart-collaterals .cross-sells ul.products, 
body.woocommerce-page .cart-collaterals .cross-sells ul.products{
  display: grid;
  gap: 40px 34px;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
  margin-bottom: 0px;
}
body .woocommerce .cart-collaterals .cross-sells ul.products, 
body.woocommerce-page .cart-collaterals .cross-sells ul.products{
  grid-template-columns: repeat(3, 1fr);
}
body .woocommerce.home-product-list > .products:before,
body .woocommerce.home-product-list > .products:after,
body .woocommerce .cart-collaterals .cross-sells ul.products:after, 
body.woocommerce-page .cart-collaterals .cross-sells ul.products:after,
body .woocommerce .cart-collaterals .cross-sells ul.products:before, 
body.woocommerce-page .cart-collaterals .cross-sells ul.products:before{
  display: none;
}
body .woocommerce.home-product-list ul.products li.product,
body .woocommerce .cart-collaterals .cross-sells ul.products li.product, 
body.woocommerce-page .cart-collaterals .cross-sells ul.products li.product{
  margin: 0px;
  width: auto;
}
body .woocommerce.home-product-list ul.products li.product a .wc-product-image img,
body .woocommerce .cart-collaterals .cross-sells ul.products li.product a .wc-product-image img, 
body.woocommerce-page .cart-collaterals .cross-sells ul.products li.product a .wc-product-image img{
  width: 100%;
  display: block;
  margin:0 auto;
}

@media (min-width: 1024px){
    .site-header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: transparent;
        transition: background-color 0.4s ease, box-shadow 0.4s ease, padding 0.4s ease;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .inside-header {
        width: var(--gb-container-width);
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 2rem 0;
        transition: padding 0.4s ease;
    }
    .site-logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
    }
    .site-logo img {
        max-width: 380px;
        height: auto;
        transition: transform 0.2s ease, max-width 0.2s ease;
        transform-origin: center center;
    }
    .main-navigation:not(.mobile-menu-control-wrapper) {
        margin-left: auto;
        transition: opacity 0.4s ease, transform 0.4s ease;
        display: flex;
        align-items: center;
    }
    .header-scrolled {
        background: #000;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .header-scrolled .inside-header {
        padding: 0.8rem 0;
    }
    .header-scrolled .site-logo {
        left: 0;
        transform: translateX(0);
    }
    .header-scrolled .site-logo img {
        transform: scale(0.4);
        transform-origin: left center;
    }
    .hide-menu {
        opacity: 0;
        transform: translateY(-100%);
        pointer-events: none;
    }
    .show-menu {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    div.site{
        margin-top: 30px;
    }
}

/* Responsive CSS */
@media (max-width: 1400px) {
	/* Header */
  .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a{
    padding-left: 14px;
    padding-right: 14px;
  }
  .main-navigation .main-nav ul li a{
    font-size: 20px;
  }
  /* Logo margin handled by animation CSS */
  /* Product Detail */
  .woocommerce div.product .product_title, body.woocommerce div.product .entry-summary p.price{
    font-size: 44px;
  }
  .woocommerce div.product form.cart .button{
    font-size: 30px;
    background-size: 50px;
    padding-left: 80px;
  }
  .woocommerce div.product form.cart div.quantity{
    font-size: 40px;
  }
  body .woocommerce-product-details__short-description{
    font-size:30px;
  }
  .back-to-spices .back-link{
    font-size: 30px;
  }
  .woocommerce div.product form.cart table{
    font-size: 25px;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
    height: 715px;
  }
	/* cart */
	body .woocommerce .cross-sells ul.products li.product .button.add_to_cart_button{
		background-size: 30px;
        padding-left: 40px;
        font-size: 18px;
	}
}
@media (max-width: 1199px) {
  /* General */
  .site .site-content{
    padding-top: 70px;
    padding-bottom: 70px;
  }
	/* Header */
  .cart-contents .shopping-cart:after{
    max-width: 45px;
  }
  body nav.main-navigation {
    padding-top: 20px;
  }
  #wc-mini-cart ul.woocommerce-mini-cart{
    display: block;
  }
  .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a{
    padding-left: 8px;
    padding-right: 8px;
  }
  .main-navigation .menu-bar-item>a.cart-contents.shopping-cart{
    padding-top: 5px;
  }
  .slideout-overlay button.slideout-exit{
    color: var(--cream) !important;
  }
  /* Footer */
  .site-footer > .site-info{
    padding: 310px 45px 85px 45px;
  }
  footer.site-info{
    right: 45px;
  }
  /* Product Detail */
  .woocommerce div.product .product_title, body.woocommerce div.product .entry-summary p.price{
    font-size: 36px;
  }
  .woocommerce div.product form.cart .button{
    font-size: 25px;
    background-size: 40px;
    padding-left: 65px;
  }
  .woocommerce div.product form.cart div.quantity{
    font-size: 30px;
  }
  body .woocommerce-product-details__short-description{
    font-size:24px;
  }
  .back-to-spices .back-link{
    font-size: 28px;
  }
  .woocommerce div.product form.cart table{
    font-size: 20px;
  }
  .woocommerce div.product form.cart .group_table td:first-child{
    width: 120px;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
    height: 690px;
  }
  body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper,
  body.woocommerce div.product .related.products{
    padding-top: 40px;
  }
  /* Cart */
  body .woocommerce .cart-collaterals, body.woocommerce-page .cart-collaterals{
    margin-top: 80px;
  }
	body .woocommerce .cart-collaterals .cross-sells ul.products, body.woocommerce-page .cart-collaterals .cross-sells ul.products{
		grid-template-columns: repeat(2, 1fr);
	}
  /* Thank You */
  body .woocommerce ul.order_details li{
    float: none;
    padding-right: 0px;
    margin-right: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-right: none;
    border-bottom: 1px dashed var(--cream);
  }
  body .woocommerce ul.order_details li:last-of-type{
    border-bottom: 1px dashed var(--cream);
  }
  /* Homepage */
  /* body .woocommerce.home-product-list > .products{
    grid-template-columns: repeat(4, 1fr);
  } */
}
@media (max-width: 1024px) {
  /* Common */
  body .search-form .search-submit {
      padding: 10px 15px;
  }
	/* My Account */
  body .woocommerce-error a.button,
  body .woocommerce-info a.button,
  body .woocommerce-message a.button{
    font-size: 18px;
  }
  .site-footer .widget_nav_menu .menu .menu-item a{
    font-size: 20px;
  }
  /* Footer */
  .site-footer .footer-widgets-container .inner-padding.widget_nav_menu {
    padding-bottom: 60px;
  }
  /* Shop */
  .woocommerce ul.products li.product .price {
      font-size: 22px;
  }
  body .wc-columns-container .products, body.woocommerce .related ul.products, body .woocommerce .up-sells ul.products{
    grid-gap: 40px 30px;
  }
  /* Cart */
  body .woocommerce .cart .button, body .woocommerce .cart input.button{
    padding: 17px 14px 14px 14px !important;
  }
  /* Checkout */
  body .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox .input-checkbox,
  body .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox .input-checkbox + span:before{
    top: 5px;
  }
  body .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox .input-checkbox:checked + span:after{
    top: 8px;
  }
  /* Homepage */
  /* body .woocommerce.home-product-list > .products{
    grid-template-columns: repeat(3, 1fr);
  } */
}
@media (max-width: 991px) {
  /* General */
  .site .site-content{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* Header */
  body header .site-logo {
    max-width: 300px;
  }
	/* My Account */
	body.woocommerce-account .woocommerce-MyAccount-navigation{
		width:100%;
		margin-bottom:30px;
	}
	body.woocommerce-account .woocommerce-MyAccount-content, 
  body.woocommerce-account .woocommerce-MyAccount-navigation {
      float: none;
      width: 100%;
  }
  body .woocommerce-error,
  body .woocommerce-info,
  body .woocommerce-message{
    flex-direction: column;
    text-align: center;
  }
  body .woocommerce-error a.button,
  body .woocommerce-info a.button,
  body .woocommerce-message a.button{
    margin-right: auto;
  }
  /* Product Detail */
  body.woocommerce #content div.product div.images, body.woocommerce div.product div.images, body.woocommerce-page #content div.product div.images, body.woocommerce-page div.product div.images {
    width: 100%;
    float: none;
  }
  body.woocommerce #content div.product div.images, body.woocommerce #content div.product div.summary, body.woocommerce div.product div.images, body.woocommerce div.product div.summary, body.woocommerce-page #content div.product div.images, body.woocommerce-page #content div.product div.summary, body.woocommerce-page div.product div.images, body.woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
  }
  body .woocommerce-product-gallery {
    margin-right: 0;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
    height: 600px;
  }
  /* .spice-meter-wrapper {
      margin: 0 auto;
  } */
  body .woocommerce .cart-collaterals .cross-sells, body.woocommerce-page .cart-collaterals .cross-sells,
  body .woocommerce .cart-collaterals .cart_totals, body.woocommerce-page .cart-collaterals .cart_totals{
    float: none;
    width: 100%;
  }
  body.woocommerce-cart .cart-collaterals .shipping-calculator-form{
    /* max-width: 440px;
    margin-left: auto; */
    text-align: left;
  }
  body .woocommerce .cart-collaterals, body.woocommerce-page .cart-collaterals{
    margin-top: 40px;
  }
  body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper,
  body.woocommerce div.product .related.products{
    padding-top: 30px;
  }
  /* Cart */
  body .woocommerce .cart-collaterals .cross-sells, 
  body.woocommerce-page .cart-collaterals .cross-sells{
    margin-bottom: 40px;
  }
  /* Checkout */
  body.woocommerce-checkout .col2-set,
  body #customer_details+#wc_checkout_add_ons, body #order_review, body #order_review_heading{
    float: none;
    width: 100%;
    margin-right: 0px;
  }
  body.woocommerce-checkout .col2-set{
    margin-bottom: 30px;
  }
  body .woocommerce form.checkout.woocommerce-checkout .form-row-first, body .woocommerce form.checkout.woocommerce-checkout .form-row-last, body.woocommerce-page form.checkout.woocommerce-checkout .form-row-first, body.woocommerce-page form.checkout.woocommerce-checkout .form-row-last,
  body .woocommerce form .form-row-first, body .woocommerce form .form-row-last, body.woocommerce-page form .form-row-first, body.woocommerce-page form .form-row-last, body .woocommerce form.woocommerce-form-coupon .form-row-last, body.woocommerce-page form.woocommerce-form-coupon .form-row-last,
  body.woocommerce-checkout .woocommerce form.woocommerce-form-login .form-row-first, body.woocommerce-checkout .woocommerce form.woocommerce-form-login .form-row-last, body.woocommerce-checkout.woocommerce-page form.woocommerce-form-login .form-row-first, body.woocommerce-checkout.woocommerce-page form.woocommerce-form-login .form-row-last,
  body.woocommerce-checkout .woocommerce form.woocommerce-form-coupon .form-row-first,
  body.woocommerce-checkout.woocommerce-page form.woocommerce-form-coupon .form-row-first,
  body.woocommerce-edit-address .woocommerce form .woocommerce-address-fields .form-row-first, body.woocommerce-edit-address .woocommerce form .woocommerce-address-fields .form-row-last, body.woocommerce-edit-address.woocommerce-page form .woocommerce-address-fields .form-row-first, body.woocommerce-edit-address.woocommerce-page form .woocommerce-address-fields .form-row-last{
      width: 100%;
      float: none;
  }
  body .wc-stripe-card-icons-container, body .wc-stripe-paymentRequest-icons-container {
      margin-top: 10px;
  }
}
@media (max-width: 768px) {
  /* Common */
  body .search-form .search-submit {
      padding:8px 15px;
  }
	/* My Account */
  body .woocommerce form .form-row-first, 
  body .woocommerce form .form-row-last, 
  body.woocommerce-page form .form-row-first, 
  body.woocommerce-page form .form-row-last{
      float: none;
      width:100%;
  }
  body .woocommerce-error a.button,
  body .woocommerce-info a.button,
  body .woocommerce-message a.button{
    font-size: 16px;
  }
  body .woocommerce-MyAccount-content h2,
  body #customer_login h2{
    font-size: 30px;
  }
  body .woocommerce .woocommerce-customer-details .addresses .col-1{
    margin-bottom: 30px;
  }
  body .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive.woocommerce-orders-table tbody tr th, body.woocommerce-page .woocommerce-MyAccount-content table.shop.woocommerce-orders-table_table_responsive tbody tr th{
    display: block;
    text-align: right !important;
  }
  body .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tr th::before, 
  body.woocommerce-page .woocommerce-MyAccount-content table.shop_table_responsive tr th::before{
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
    font-family: Alata, sans-serif;
  }
  body .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td,
  body .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr:last-child th{
    border-bottom: 1px solid var(--cream);
  }
  body .woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td:last-child{
    border-bottom: none;
  }
  /* Header */
  .cart-contents .shopping-cart:after {
    max-width: 40px;
  }
  body header .site-logo {
    max-width: 200px;
  }
  .site-footer .inside-footer-widgets {
      align-items: center;
  }
  .inside-footer-widgets>div:not(:last-child){
    margin-bottom: 30px;
  }
  .site-footer .footer-widgets-container .inner-padding.widget_nav_menu {
    padding-bottom: 0px;
  }
  footer.site-info {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 20px;
  }
  .site-footer > .site-info {
    padding: 250px 20px 85px 20px;
  }
  .site-footer .widget_nav_menu .menu {
    gap: 30px;
    justify-content: center;
  }
  /* Sidebar Cart */
  .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
      padding: 0;
      padding-right: 40px;
  }
  .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
      width: 50px;
      flex: 0 0 50px;
  }
  body .woofc-count{
    left:20px;
    bottom: 20px;
  }
  body a.generate-back-to-top{
    right:20px;
    bottom: 20px;
  }
  /* Shop */
  body.woocommerce ul.products li.product a img{
    width: 100%;
  }
  body.woocommerce div.product p.price, body.woocommerce ul.products li.product .price{
    margin-top: 5px !important;
  }
  .chili-icons{
    margin-top: 5px;
  }
  body.woocommerce ul.products li.product.woocommerce-text-align-left .button{
    margin-top: 5px;
  }
  /* Product Detail */
  .woocommerce div.product .woocommerce-tabs .panel h2,
  .related.products h2 {
      margin-bottom: 25px;
      font-size: 30px;
  }
  .woocommerce div.product .product_title, body.woocommerce div.product .entry-summary p.price{
    font-size: 32px;
  }
  .add-to-cart-panel form.cart, .woocommerce div.product.do-quantity-buttons form.cart {
      flex-direction: column;
  }
  .woocommerce div.product form.cart .button {
      font-size: 20px;
      background-size: 34px;
      padding: 14px 12px 12px 55px;
      width:100%;
      max-width: 195px;
      order:2;
  }
  .woocommerce div.product form.cart div.quantity {
      max-width: 120px;
      font-size: 26px;
      margin: 0px 0px 15px 0px;
      order:1;
      width:100%;
  }
  body .woocommerce-product-details__short-description {
      font-size: 22px;
  }
  .back-to-spices .back-link {
      font-size: 24px;
      padding-left: 70px;
      background-size: 55px;
  }
  .woocommerce div.product form.cart table {
      font-size: 18px;
  }
  #spice-meter-sec {
      margin-top: 55px;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
    height: 550px;
  }
  body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper,
  body.woocommerce div.product .related.products{
    padding-top: 20px;
  }
  /* Cart */
  body .woocommerce .cart .button, body .woocommerce .cart input.button {
      padding: 14px 12px 12px 12px !important;
  }
  body .woocommerce .cart-collaterals .cross-sells h2, body.woocommerce-page .cart-collaterals .cross-sells h2,
  body .woocommerce .cart-collaterals .cart_totals h2, body.woocommerce-page .cart-collaterals .cart_totals h2{
    margin-bottom: 25px;
    font-size: 30px;
  }
  body .woocommerce #content table.cart td.actions .coupon, body .woocommerce table.cart td.actions .coupon, body.woocommerce-page #content table.cart td.actions .coupon, body.woocommerce-page table.cart td.actions .coupon{
    max-width: 100%;
    gap: 10px;
  }
  /* Thank You */
  body .woocommerce .woocommerce-order h2{
    font-size: 30px;
  }
  /* Homepage */
  /* body .woocommerce.home-product-list > .products{
    grid-template-columns: repeat(2, 1fr);
  } */
}
@media (max-width: 575px) {
  /* Shop */
  body .wc-related-upsell-mobile-columns-2 .related ul.products, body .wc-related-upsell-mobile-columns-2 .up-sells ul.products, body.woocommerce #wc-column-container.wc-mobile-columns-2 .products {
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  /* Product Detail */
  /* .spice-meter-wrapper {
      max-width: 300px;
  }
  .spice-flame-wrapper svg{
    max-width: 300px;
  } */
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
    height: 500px;
  }
  /* Cart */
  body .woocommerce #content table.cart td.actions .input-text, body .woocommerce table.cart td.actions .input-text, body.woocommerce-page #content table.cart td.actions .input-text, body.woocommerce-page table.cart td.actions .input-text{
    margin-right: 0;
    float: none;
    width: 100% !important;
    /* margin-bottom: 10px; */
  }
  body .woocommerce .cart .button, body .woocommerce .cart input.button{
    float: none !important;
    width: 100% !important;
    border:none !important;
  }
  /* Homepage */
  /* body .woocommerce.home-product-list > .products, */
  body .woocommerce .cart-collaterals .cross-sells ul.products, 
  body.woocommerce-page .cart-collaterals .cross-sells ul.products{
    grid-template-columns: repeat(1, 1fr);
  }
  
}