/*
Theme Name: OtCore

WooCommerce styles override
*/
/**
 * WooCommerce color variables
 */
/**
 * Imports
 */
:root {
  --makaffo-color-primary: #004fef;
  --makaffo-color-secondary: #242424;
  --makaffo-color-dark: #242424;
  --makaffo-color-white: #fff;
  --makaffo-bg-color-white: #fff;
  --makaffo-bg-color-gray: #f7f7f7;
  --makaffo-primary-rgb: 63, 120, 224;
  --makaffo-border-color: #010101;
  --makaffo-color-text-input: #585858;
  --makaffo-font-main: Epilogue, sans-serif;
  --makaffo-body-font-size: 18px;
  --makaffo-body-font-family: var(--makaffo-font-main);
  --makaffo-body-font-weight: 400;
  --makaffo-body-line-height: 32px;
  --makaffo-body-font-color: #585858;
  --makaffo-body-bg: #ffffff;
  --makaffo-heading-color: #242424;
  --makaffo-heading-margin: 0 0 20px;
  --makaffo-h1-font-size: 58px;
  --makaffo-h1-line-height: 72px;
  --makaffo-h2-font-size: 48px;
  --makaffo-h2-line-height: 64px;
  --makaffo-h3-font-size: 40px;
  --makaffo-h3-line-height: 50px;
  --makaffo-h4-font-size: 36px;
  --makaffo-h4-line-height: 50px;
  --makaffo-h5-font-size: 30px;
  --makaffo-h5-line-height: 40px;
  --makaffo-h6-font-size: 20px;
  --makaffo-h6-line-height: 30px;
  --makaffo-border-radius: 6px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (max-width: 767px) {
  :root {
    --makaffo-h1-font-size: 42px;
    --makaffo-h1-line-height: 48px;
    --makaffo-h2-font-size: 36px;
    --makaffo-h2-line-height: 42px;
    --makaffo-h3-font-size: 28px;
    --makaffo-h3-line-height: 34px;
    --makaffo-h4-font-size: 21px;
    --makaffo-h4-line-height: 28px;
  }
}
/*Box Shadow*/
/*Example: .box { @include box-shadow(2px, 2px, 5px, 0px, #333); }*/
/*Transition*/
/*Example: .box { @include transition-all(3s); }*/
/*Transition*/
/*Example: .box { @include transition(width, 3s, linear); }*/
/*Transform*/
/*Example: .box { @include transform(rotate(30deg)); }*/
/*Border Radius*/
/*Example: .box { @include border-radius(4px); }*/
/*Example: .box { @include border-radii(4px 4px 3px 3px); }*/
/*Background Gradient*/
/*Example: .box { @include gradient(#fff, #000); }*/
/*Rem output with px fallback*/
/*Center block*/
/*Middle Block*/
/*Full Block(parent)*/
/*Full Block(child)*/
/*Clearfix*/
/*Clear after (not all clearfix need this also)*/
/*Display Flex*/
/*Tag cloud*/
/*Column width with margin*/
/**
 * Shop tables
 */
/**
 * Products
 */
.content-product-wrapper {
  padding: 100px 0px 100px;
}

.woocommerce .woocommerce-result-count {
  font-size: 14px;
  margin: 16px 0px 0px 0px;
}

.woocommerce .woocommerce-ordering {
  margin-bottom: 30px;
}
.woocommerce .woocommerce-ordering .orderby {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  width: 270px;
  height: 52px;
  line-height: 52px;
  outline: none;
  border-color: var(--makaffo-bg-color-gray);
  padding: 0px 20px;
  background-image: linear-gradient(45deg, transparent 50%, #585858 50%), linear-gradient(135deg, #585858 50%, transparent 50%);
  background-position: calc(100% - 24px) calc(1em + 10px), calc(100% - 19px) calc(1em + 10px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  background-color: var(--makaffo-bg-color-gray);
  -webkit-border-radius: var(--makaffo-border-radius);
  -moz-border-radius: var(--makaffo-border-radius);
  border-radius: var(--makaffo-border-radius);
}

.woocommerce ul.products li.product .star-rating,
.woocommerce .woocommerce-product-rating .star-rating {
  height: 15px;
  font-size: 15px;
  letter-spacing: 4px;
  width: 6.7em;
  margin: 0;
  text-align: left;
}

.woocommerce .star-rating::before {
  color: #ffbb37;
}

.woocommerce .star-rating span {
  color: #ffbb37;
}

.woocommerce ul.products, .woocommerce-page ul.products {
  margin: 0px;
  padding: 0px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  list-style: none;
  text-align: center;
  margin-bottom: 43px;
  padding: 0;
}
.woocommerce ul.products li.product .product-media, .woocommerce-page ul.products li.product .product-media {
  position: relative;
  background: #fff;
  overflow: hidden;
  -webkit-border-radius: var(--makaffo-border-radius);
  -moz-border-radius: var(--makaffo-border-radius);
  border-radius: var(--makaffo-border-radius);
}
.woocommerce ul.products li.product .product-media img, .woocommerce-page ul.products li.product .product-media img {
  margin-bottom: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 12px;
  margin-bottom: 2px;
  padding: 0px;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
  font-size: 18px;
  line-height: 28px;
  display: inline-block;
  margin-bottom: 0;
  color: var(--makaffo-color-dark);
  font-weight: bold;
}
.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
  color: #585858;
  opacity: 1;
}
.woocommerce ul.products li.product .price del .woocommerce-Price-amount, .woocommerce-page ul.products li.product .price del .woocommerce-Price-amount {
  color: #585858;
  font-weight: 400;
}
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins {
  background: transparent;
}
.woocommerce ul.products li.product .wrapper-add-to-cart, .woocommerce-page ul.products li.product .wrapper-add-to-cart {
  position: absolute;
  left: 50%;
  bottom: 50%;
  width: 78%;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
}
.woocommerce ul.products li.product .add_to_cart_button, .woocommerce-page ul.products li.product .add_to_cart_button {
  display: block;
  margin-top: 0px;
  padding: 21px 23px 17px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
}
.woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce-page ul.products li.product .add_to_cart_button:hover {
  background: var(--makaffo-color-dark);
}
.woocommerce ul.products li.product .add_to_cart_button.added, .woocommerce-page ul.products li.product .add_to_cart_button.added {
  display: none;
}
.woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .product_type_grouped, .woocommerce-page ul.products li.product .added_to_cart, .woocommerce-page ul.products li.product .product_type_grouped {
  display: block;
  width: 100%;
  margin-top: 0px;
  padding: 20px 23px;
  --makaffo-btn-font-family: Epilogue, sans-serif;
  --makaffo-btn-font-size: 16px;
  --makaffo-btn-font-weight: 500;
  --makaffo-btn-line-height: 30px;
  --makaffo-btn-text-color: #fff;
  --makaffo-btn-bg: #004fef;
  --makaffo-btn-border-width: 1px;
  --makaffo-btn-border-color: transparent;
  --makaffo-btn-border-radius: 27px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--makaffo-btn-font-family);
  font-size: var(--makaffo-btn-font-size);
  font-weight: var(--makaffo-btn-font-weight);
  line-height: var(--makaffo-btn-line-height);
  color: var(--makaffo-btn-text-color);
  background-color: var(--makaffo-btn-bg);
  padding: 13px 40px 9px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  outline: none;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: none;
  border: var(--makaffo-btn-border-width) solid var(--makaffo-btn-border-color);
  border-radius: var(--makaffo-btn-border-radius);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.woocommerce ul.products li.product .added_to_cart svg, .woocommerce ul.products li.product .product_type_grouped svg, .woocommerce-page ul.products li.product .added_to_cart svg, .woocommerce-page ul.products li.product .product_type_grouped svg {
  width: 1em;
  fill: currentColor;
}
.woocommerce ul.products li.product .added_to_cart:visited, .woocommerce ul.products li.product .product_type_grouped:visited, .woocommerce-page ul.products li.product .added_to_cart:visited, .woocommerce-page ul.products li.product .product_type_grouped:visited {
  color: var(--makaffo-color-white);
}
.woocommerce ul.products li.product .added_to_cart:not(.octf-btn-play):hover, .woocommerce ul.products li.product .added_to_cart:not(.octf-btn-play):focus, .woocommerce ul.products li.product .product_type_grouped:not(.octf-btn-play):hover, .woocommerce ul.products li.product .product_type_grouped:not(.octf-btn-play):focus, .woocommerce-page ul.products li.product .added_to_cart:not(.octf-btn-play):hover, .woocommerce-page ul.products li.product .added_to_cart:not(.octf-btn-play):focus, .woocommerce-page ul.products li.product .product_type_grouped:not(.octf-btn-play):hover, .woocommerce-page ul.products li.product .product_type_grouped:not(.octf-btn-play):focus {
  color: var(--makaffo-color-white);
  background-color: var(--makaffo-color-dark);
}
.woocommerce ul.products li.product .added_to_cart:hover, .woocommerce ul.products li.product .product_type_grouped:hover, .woocommerce-page ul.products li.product .added_to_cart:hover, .woocommerce-page ul.products li.product .product_type_grouped:hover {
  background: var(--makaffo-color-dark);
}
.woocommerce ul.products li.product:hover .wrapper-add-to-cart, .woocommerce-page ul.products li.product:hover .wrapper-add-to-cart {
  visibility: visible;
  opacity: 1;
}
.woocommerce ul.products li.product:hover .add_to_cart_button, .woocommerce-page ul.products li.product:hover .add_to_cart_button {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.woocommerce ul.products li.product:hover .product-media img, .woocommerce-page ul.products li.product:hover .product-media img {
  opacity: 0.5;
}

.woocommerce .site-main .product.sale span.onsale {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0;
  background-color: #ff4d33;
  padding: 8px;
  line-height: 1;
  right: auto;
  min-height: auto;
  min-width: auto;
  margin: 0px;
  z-index: 1;
  -webkit-border-radius: var(--makaffo-border-radius);
  -moz-border-radius: var(--makaffo-border-radius);
  border-radius: var(--makaffo-border-radius);
}

.wc-pagination {
  text-align: center;
}
.wc-pagination .page-pagination {
  margin-top: 0px;
}
.wc-pagination .page-pagination li a:hover {
  background: var(--makaffo-color-primary);
  border-color: var(--makaffo-color-primary);
}

#order_review_heading {
  margin-top: 30px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #EFF6FF;
}

@media (max-width: 479px) {
  .woocommerce .woocommerce-result-count,
  .woocommerce-page .woocommerce-result-count {
    float: none;
  }
  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering {
    float: left;
    margin-top: 10px;
    border: none;
    padding: 0;
    background: transparent;
  }
  .woocommerce div ul.products[class*=columns-] li.product,
  .woocommerce-page div ul.products[class*=columns-] li.product {
    width: 100%;
  }
  .woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: static;
    float: none;
  }
  .woocommerce div #reviews #comments ol.commentlist li .comment-text {
    margin-left: 0;
    margin-top: 20px;
  }
  .woocommerce div .woocommerce-ordering .orderby {
    padding: 0;
    border: none;
  }
}
/**
 * Single product
 */
.single-product div.product p.price del,
.single-product div.product span.price del {
  font-size: 30px;
  color: var(--makaffo-body-font-color);
  opacity: 1;
  vertical-align: middle;
  text-decoration-thickness: from-font;
}
.single-product div.product p.price del .woocommerce-Price-amount bdi,
.single-product div.product span.price del .woocommerce-Price-amount bdi {
  font-weight: 300 !important;
  color: var(--makaffo-body-font-color);
}

.single-product div.product p.price ins {
  color: var(--makaffo-color-dark);
  vertical-align: middle;
}

.single-product h2.page-title {
  font-size: 60px;
  font-weight: 700;
}
.single-product h1.product_title {
  font-size: 36px;
  text-transform: uppercase;
  line-height: 48px;
  margin-bottom: 14px;
}
.single-product div.product .woocommerce-product-rating {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.single-product .woocommerce-tabs h2, .single-product .woocommerce-tabs .comment-reply-title {
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 30px;
  margin-bottom: 23px;
  color: var(--makaffo-color-dark);
}
.single-product .woocommerce-product-gallery__image,
.single-product div.product div.images .flex-control-thumbs li img {
  border: 1px solid transparent;
  opacity: 1;
  -webkit-border-radius: var(--makaffo-border-radius);
  -moz-border-radius: var(--makaffo-border-radius);
  border-radius: var(--makaffo-border-radius);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.single-product .site-main > .product.sale > span.onsale {
  top: 20px;
  left: 20px;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
  border-color: var(--makaffo-color-primary);
}

.woocommerce-product-details__short-description ul {
  list-style: none;
  padding-left: 25px;
}
.woocommerce-product-details__short-description ul li {
  position: relative;
  margin-bottom: 20px;
}
.woocommerce-product-details__short-description ul li:before {
  position: absolute;
  content: "";
  left: -25px;
  top: 11px;
  width: 10px;
  height: 10px;
  background: #004fef;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.woocommerce table.shop_attributes {
  border-spacing: 10px;
  border-collapse: separate;
  border: none;
  margin: -10px;
  margin-top: -2px;
}
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td {
  border: none;
  background: var(--makaffo-bg-color-gray);
  line-height: 32px;
  padding: 6px 20px;
  font-style: normal;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.woocommerce table.shop_attributes th {
  font-size: 16px;
  color: var(--makaffo-color-dark);
  font-weight: bold;
  text-transform: uppercase;
  width: 270px;
}
.woocommerce div.product form.cart .button {
  text-transform: uppercase;
  padding: 19px 60px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 50%;
  padding-right: 15px;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 50%;
  padding-left: 15px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.woocommerce #reviews #comments ol.commentlist {
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 30px;
  padding-left: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
  padding-top: 10px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: auto;
  border-radius: 50%;
  padding: 0;
  border: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  position: relative;
  margin-left: 100px;
  padding: 20px 30px 2px;
  background: var(--makaffo-bg-color-gray);
  border-color: var(--makaffo-bg-color-gray);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-top-left-radius: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 0;
  left: -10px;
  background: #fff;
  border-style: none none solid solid;
  border-width: 0 0 1px 1px;
  border-color: var(--makaffo-bg-color-gray);
  background: var(--makaffo-bg-color-gray);
  -webkit-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
  margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  color: var(--makaffo-color-primary);
  font-weight: 400;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
  font-size: 15px;
}

.woocommerce #review_form #respond {
  box-shadow: none;
}
.woocommerce #review_form #respond textarea {
  font-size: 18px;
  height: 200px;
}

.woocommerce div.product form.cart {
  padding-top: 40px;
  border-top: 1px solid #d1e0e5;
  margin-top: 30px;
  margin-bottom: 34px;
}

.woocommerce div.product form.cart div.quantity {
  margin-right: 10px;
}

.woocommerce #review_form #respond p {
  margin-bottom: 20px;
}

#reviews .comment-form-rating {
  margin-bottom: 20px;
  line-height: 1;
}
#reviews .comment-form-rating .stars {
  float: right;
  font-size: 15px;
}
#reviews .comment-form-rating .stars a {
  color: #ffbb37;
}
#reviews .comment-form-rating .stars:hover a {
  color: #ffbb37;
}

#reviews .comment-form p label {
  margin: 0 0 20px;
  display: inline-block;
}

#reviews .comment-form .form-submit input[type=submit] {
  width: 220px;
}

#tab-description p:last-child {
  margin-bottom: 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  background: transparent;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
  top: 0;
  left: -6px;
  width: 18px;
  height: 18px;
  border-color: var(--makaffo-color-dark);
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
  top: 17px;
  left: 14px;
  border-color: var(--makaffo-color-dark);
}

.woocommerce .woocommerce-product-gallery.woocommerce-product-gallery--with-images .flex-viewport,
.woocommerce-product-gallery__image {
  margin-bottom: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs {
  margin-left: -10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  padding-left: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: block;
  padding-left: 5px;
  margin: 0 0 45px;
  overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color: rgba(36, 36, 36, 0.1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 0;
  background-color: transparent;
  border-radius: 0;
  margin-right: 60px;
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  border: 0px solid #d3ced2;
  bottom: 0px;
  width: 0px;
  height: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  line-height: 1;
  font-weight: bold;
  color: var(--makaffo-color-dark);
  text-transform: uppercase;
  font-size: 18px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--makaffo-color-primary);
  visibility: hidden;
  opacity: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--makaffo-color-primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--makaffo-color-primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
  visibility: visible;
  opacity: 1;
}

.woocommerce table.shop_attributes td p {
  padding: 8px;
  padding-left: 0;
}

.related.products {
  padding-top: 30px;
}
.related.products > h2 {
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.single-product div.product .related.products span.price del {
  font-size: 18px;
}

.single-product div.product .related.products span.price del .woocommerce-Price-amount {
  font-size: 18px;
  vertical-align: middle;
}

.woocommerce div.product form.cart .variations .label,
.woocommerce div.product form.cart .variations label {
  vertical-align: middle;
  font-weight: 500;
  color: var(--makaffo-color-dark);
}

.woocommerce div.product form.cart .variations select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  width: 270px;
  height: 52px;
  line-height: 52px;
  outline: none;
  border-color: var(--makaffo-bg-color-gray);
  padding: 0px 20px;
  background-image: linear-gradient(45deg, transparent 50%, #585858 50%), linear-gradient(135deg, #585858 50%, transparent 50%);
  background-position: calc(100% - 24px) calc(1em + 10px), calc(100% - 19px) calc(1em + 10px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  background-color: var(--makaffo-bg-color-gray);
  -webkit-border-radius: var(--makaffo-border-radius);
  -moz-border-radius: var(--makaffo-border-radius);
  border-radius: var(--makaffo-border-radius);
}

.single_variation_wrap .single_variation {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
    padding-right: 0;
  }
  .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 100%;
    padding-left: 0;
  }
}
/**
 * Checkout
 */
.woocommerce a.remove {
  font-weight: 400;
}

.woocommerce-cart-form table, .woocommerce-cart-form th, .woocommerce-cart-form td {
  border: 0px solid #eee;
}

.woocommerce table.shop_table {
  color: var(--makaffo-color-dark);
  border: none;
  border-collapse: collapse;
}
.woocommerce table.shop_table thead > tr {
  background: var(--makaffo-bg-color-gray);
  border-radius: var(--makaffo-border-radius);
}
.woocommerce table.shop_table tbody:before {
  line-height: 10px;
  content: ".";
  color: white;
  display: block;
}
.woocommerce table.shop_table.cart th {
  font-size: 16px;
  color: var(--makaffo-color-primary);
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase;
  background: none;
}
.woocommerce table.shop_table th {
  font-size: 18px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
  border-color: transparent;
}
.woocommerce table.shop_table td {
  border: none;
  border-bottom: 1px solid rgba(0, 79, 239, 0.2);
  padding: 20px 10px;
}
.woocommerce table.shop_table td.product-name a {
  color: #242424;
  font-weight: 400;
}
.woocommerce table.shop_table td.product-price, .woocommerce table.shop_table td.product-subtotal {
  font-weight: bold;
  color: var(--makaffo-color-dark);
}
.woocommerce table.shop_table td.actions {
  padding-top: 40px;
  padding-bottom: 30px;
}

.woocommerce-page #content table.cart td.actions .input-text {
  width: 300px;
  padding: 9px 20px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 370px;
  padding: 45px 40px 50px;
  background: var(--makaffo-bg-color-gray);
}
.woocommerce .cart-collaterals .cart_totals .cart-subtotal,
.woocommerce-page .cart-collaterals .cart_totals .cart-subtotal {
  color: var(--makaffo-body-font-color);
}
.woocommerce .cart-collaterals .cart_totals .order-total,
.woocommerce-page .cart-collaterals .cart_totals .order-total {
  font-size: 36px;
}
.woocommerce .cart-collaterals .cart_totals .order-total th, .woocommerce .cart-collaterals .cart_totals .order-total td,
.woocommerce-page .cart-collaterals .cart_totals .order-total th,
.woocommerce-page .cart-collaterals .cart_totals .order-total td {
  line-height: 40px;
  font-weight: bold;
  background: none;
}
.woocommerce .cart-collaterals .cart_totals .order-total th,
.woocommerce-page .cart-collaterals .cart_totals .order-total th {
  font-size: 36px;
}
.woocommerce .cart-collaterals .cart_totals .order-total .woocommerce-Price-amount,
.woocommerce-page .cart-collaterals .cart_totals .order-total .woocommerce-Price-amount {
  color: var(--makaffo-color-primary);
}

.woocommerce-cart .wc-proceed-to-checkout {
  padding-top: 11px;
  padding-bottom: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  margin-bottom: 0;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 100px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.woocommerce .quantity .qty {
  color: #646e83;
  border-color: var(--makaffo-bg-color-gray);
  background-color: var(--makaffo-bg-color-gray);
  padding: 15px;
  text-align: center;
  width: 90px;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
}

.woocommerce form .form-row {
  margin-bottom: 15px;
}

.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
  padding-top: 30px;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text,
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
  width: 300px;
  padding: 20px;
  height: 54px;
  margin: 0 10px 0 0;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  border-color: var(--makaffo-bg-color-gray);
}

.woocommerce-message {
  border-top-color: #004fef;
}
.woocommerce-message:before {
  color: #004fef;
}

.woocommerce-info {
  border-top-color: #004fef;
}
.woocommerce-info:before {
  color: #004fef;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
  padding-top: 40px;
}

.cart_totals h2 {
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
}

#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
  line-height: 24px;
  padding: 9px 10px;
  border: none;
}
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
  font-weight: 400;
  padding-left: 0px;
}

.woocommerce-cart .cart-collaterals .cart_totals table td {
  padding-right: 0px;
  text-align: left;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
  border-color: #d1e0e5;
}

.select2-container .select2-selection--single {
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #646e83;
  font-size: 14px;
  line-height: 60px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 18px;
  right: 20px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody td,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot th {
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 79, 239, 0.2);
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody th strong,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody td strong,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td strong,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot th strong {
  font-weight: 400;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total strong {
  font-weight: bold;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total strong {
  color: var(--makaffo-color-primary);
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead th {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--makaffo-color-primary);
}

.woocommerce form.woocommerce-form-coupon .form-row {
  width: 50%;
}

.woocommerce-shipping-fields input {
  margin-right: 6px;
  vertical-align: middle;
}

.woocommerce-page .woocommerce-additional-fields .form-row textarea {
  height: 150px;
  width: 100%;
}

.woocommerce-checkout h3 {
  font-size: 20px;
  text-transform: uppercase;
}

@media (max-width: 479px) {
  .woocommerce-page #content table.cart td.actions .coupon input.input-text,
  .woocommerce-page #content table.cart td.actions .coupon button.button {
    width: 100%;
    margin-bottom: 14px;
  }
  .woocommerce form.woocommerce-form-coupon .form-row,
  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
  }
}
/**
 * General WooCommerce components
 */
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled,
.woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled,
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  padding: 19px 30px;
  outline: none;
  color: #fff;
  transition: all 0.3s;
  min-width: 170px;
  overflow: hidden;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  color: #fff;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce input.button, .woocommerce button.button.alt.disabled {
  background-color: var(--makaffo-color-primary);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover {
  background-color: var(--makaffo-color-dark);
}

.woocommerce button.button {
  background-color: var(--makaffo-color-primary);
}
.woocommerce button.button:hover {
  background-color: var(--makaffo-color-dark);
}

/**
 * WooCommerce widgets
 */
/* widget product */
.woocommerce .site ul.product_list_widget li {
  margin-bottom: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 79, 239, 0.2);
  display: flex;
  align-items: center;
}
.woocommerce .site ul.product_list_widget li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.woocommerce .site ul.product_list_widget li .widget-prthumb {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  width: 90px;
  height: 90px;
  min-width: 90px;
  border: 1px solid var(--makaffo-bg-color-gray);
  background: var(--makaffo-bg-color-gray);
  text-align: center;
  -webkit-border-radius: var(--makaffo-border-radius);
  -moz-border-radius: var(--makaffo-border-radius);
  border-radius: var(--makaffo-border-radius);
}
.woocommerce .site ul.product_list_widget li .widget-prthumb img {
  width: 90px;
  margin-left: 0;
  float: none;
  -webkit-border-radius: var(--makaffo-border-radius);
  -moz-border-radius: var(--makaffo-border-radius);
  border-radius: var(--makaffo-border-radius);
}
.woocommerce .site ul.product_list_widget li .widget-prcontent {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex: 2;
}
.woocommerce .site ul.product_list_widget li .product-title {
  line-height: 23px;
}
.woocommerce .site ul.product_list_widget li .product-title a {
  font-weight: 400;
}
.woocommerce .site ul.product_list_widget li .star-rating {
  float: none;
  margin-top: 7px;
  margin-bottom: 3px;
  font-size: 13px;
}
.woocommerce .site ul.product_list_widget li .price {
  display: inline-block;
  line-height: 32px;
  color: var(--makaffo-color-dark);
  font-weight: bold;
}
.woocommerce .site ul.product_list_widget li .price del {
  color: var(--makaffo-body-font-color);
  margin-right: 5px;
}
.woocommerce .site ul.product_list_widget li .price del span {
  color: var(--makaffo-body-font-color);
  font-weight: 400;
  text-decoration: line-through;
}
.woocommerce .site ul.product_list_widget li .price ins {
  background: transparent;
}

/* widget cart */
.woocommerce .widget_shopping_cart .cart_list .quantity {
  font-size: 14px;
  color: var(--makaffo-color-dark);
}

.woocommerce .widget_shopping_cart ul.cart_list li,
.woocommerce.widget_shopping_cart ul.cart_list li {
  position: relative;
  display: block;
  padding: 0 30px 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 79, 239, 0.2);
}
.woocommerce .widget_shopping_cart ul.cart_list li img,
.woocommerce.widget_shopping_cart ul.cart_list li img {
  width: 90px;
  float: left;
  margin-left: 0;
  margin-right: 20px;
  border: 1px solid var(--makaffo-bg-color-gray);
  -webkit-border-radius: var(--makaffo-border-radius);
  -moz-border-radius: var(--makaffo-border-radius);
  border-radius: var(--makaffo-border-radius);
}
.woocommerce .widget_shopping_cart ul.cart_list li a:not(.remove),
.woocommerce.widget_shopping_cart ul.cart_list li a:not(.remove) {
  display: block;
  font-weight: 400;
  line-height: 28px;
  color: #223354;
}
.woocommerce .widget_shopping_cart ul.cart_list li a:not(.remove):hover,
.woocommerce.widget_shopping_cart ul.cart_list li a:not(.remove):hover {
  color: #004fef;
}
.woocommerce .widget_shopping_cart ul.cart_list li a.remove,
.woocommerce.widget_shopping_cart ul.cart_list li a.remove {
  top: 0%;
  margin-top: 0px;
  right: 0px;
  left: auto;
  font-weight: 500;
  font-size: 1.3em;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
  border-top: 0;
  padding: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}
.woocommerce .widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
  text-transform: uppercase;
  color: var(--makaffo-color-dark);
}
.woocommerce-mini-cart__buttons {
  margin: 0 -2%;
}

.woocommerce-mini-cart__buttons a.button.wc-forward {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  background-color: var(--makaffo-color-primary);
  text-transform: uppercase;
  padding: 14px 40px 10px;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  float: left;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
}
.woocommerce-mini-cart__buttons a.button.wc-forward:hover {
  background: var(--makaffo-color-dark);
}
.woocommerce-mini-cart__buttons a.button.checkout {
  background-color: #fff;
  color: var(--makaffo-color-primary);
  border: 1px solid #004fef;
}
.woocommerce-mini-cart__buttons a.button.checkout:hover {
  background-color: var(--makaffo-color-primary);
  color: #fff;
}

/* widget filter */
.woocommerce .woocommerce-widget-layered-nav-list {
  font-weight: 700;
  font-size: 14px;
  position: relative;
  margin-bottom: 11px;
  line-height: 24px;
}
.woocommerce .woocommerce-widget-layered-nav-list li {
  margin-bottom: 5px;
}
.woocommerce .woocommerce-widget-layered-nav-list li a {
  color: #1a1b1e;
}
.woocommerce .woocommerce-widget-layered-nav-list li a:hover {
  color: #004fef;
}
.woocommerce .woocommerce-widget-layered-nav-list li span.count {
  color: #f7f7f7;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: rgba(0, 79, 239, 0.2);
  height: 3px;
}
.woocommerce .widget_price_filter .ui-slider {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 25px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #004fef;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  width: 16px;
  height: 16px;
  top: -7px;
  margin: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -16px;
}
.woocommerce .widget_price_filter .price_slider_amount {
  font-size: 18px;
  font-weight: 500;
  color: #242424;
}
.woocommerce .widget_price_filter .price_slider_amount button.button {
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1px;
  background: none;
  color: #242424;
  box-shadow: none;
  line-height: 18px;
  text-transform: capitalize;
  min-width: auto;
  overflow: visible;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
  line-height: 1;
}

.product_meta > span {
  display: block;
  margin-bottom: 2px;
}
.woocommerce-review-link {
  font-size: 14px;
  display: inline-block;
  margin-left: 8px;
  margin-top: 3px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--makaffo-body-font-color);
}

.woocommerce div.product .entry-summary p.price,
.woocommerce div.product .entry-summary span.price {
  font-size: 30px;
  line-height: 32px;
  color: var(--makaffo-color-dark);
  font-weight: bold;
}

.woocommerce-mini-cart__empty-message {
  margin-bottom: 0px;
}